在选择时，最好以ID选择符作为开头 我想这个很好理解，因为JQuery内部使用document.getElementByID方法进行ID选择，这种方法比其他所有对DOM选择的方法更快，所以以$("#")开头是最好的,比如: 代码如下: $(".b .c .d")//slow one $("#a .b .c .d")//fast one 提供$()的上下文 在使用$()选择页面元素时，提供选择的范围可以减少选择的时间，换句话说，让选择器只在页面的一小片范围内筛选而不是整个页面当然会减少筛选时间...
本文实例讲述了jQuery实现漂亮实用的商品图片tips提示框效果。分享给大家供大家参考，具体如下： 运行效果截图如下：具体代码如下：#tip {position:absolute;display:none;} #tip s {position:absolute;top:40px;left:-21px;display:block;width:0px;height:0px;font-size:0px;line-height:0px;border-color:transparent #BBA transparent transparent;border-style:dashed solid dashed dashed;border-width:10px;} #tip s i {p...
左侧提示 滑进滑出 平滑效果，各位童鞋如果遇到类似效果可以应用： JQUERY代码： 代码如下: //左侧浮动 $(".reading").hover( function(){ $(this).animate({left:"50"}); $(".read").animate({left:"0"},600); }); $(".read_close").click( function(){ $(".read").animate({left:"-287"},600); $(".reading").animate({left:"0"},800); }); HTML: 代码如下: 您可以订阅生意街商机话题，您会通过邮箱收到栏目最新内容。...
由于是在mac下写的，没什么低版本浏览器测试工具没做具体的兼容测试，而且我也不是前端还请多多包涵，js库用的jquery1.11.1，低版本应该也是可以的，需要自己去下jquery，只是写的好玩，分享一下，希望大家能一起改进/** * jquery tips 提示插件 jquery.tips.js v0.1beta * * 使用方法 * $(selector).tips({ //selector 为jquery选择器 * msg:'your messages!', //你的提示消息 必填 * side:1, //提示窗显示位置 1，2，3，4 分别...
本文实例讲述了jQuery实现漂亮实用的商品图片tips提示框效果。分享给大家供大家参考，具体如下： 运行效果截图如下：具体代码如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <script type="text/javascript" src="jquery-1.4.2.min.js"></script> <style type="text/css"> #tip {position:absolute;display:none;} #tip s {position:abso...
由于是在mac下写的，没什么低版本浏览器测试工具没做具体的兼容测试，而且我也不是前端还请多多包涵，js库用的jquery1.11.1，低版本应该也是可以的，需要自己去下jquery，只是写的好玩，分享一下，希望大家能一起改进 /** * jquery tips 提示插件 jquery.tips.js v0.1beta * * 使用方法 * $(selector).tips({ //selector 为jquery选择器 * msg:your messages!, //你的提示消息 必填 * side:1, //提示窗显示位置 1，2，3，4 分别代...
最近一直在研究JQuery,这个东西还是很博大精深的.下面分享一下我的学习总结. $(document).Ready()方法 VS OnLoad事件 VS $(window).load()方法 接触JQuery一般最先学到的是何时启动事件。在曾经很长一段时间里,在页面载入后引发的事件都被加载在”Body”的Onload事件里. 对于Body的Onload事件和JQuery的Ready方法相比，有很多弊端.比如: 1.加载多个函数的问题<body onload="a();b();"></body> 在Onload事件中只能这样...
左侧提示 滑进滑出 平滑效果，各位童鞋如果遇到类似效果可以应用： JQUERY代码： 代码如下://左侧浮动 $(".reading").hover( function(){ $(this).animate({left:"50"}); $(".read").animate({left:"0"},600); }); $(".read_close").click( function(){ $(".read").animate({left:"-287"},600); $(".reading").animate({left:"0"},800); }); HTML: 代码如下:<!--左侧浮动--> <div class="reading"> <a target="_blank"><img sr...
具体到这个例子，我们希望button1和button2点击之后，用AJAX的方式取example.html的内容，然后动态更新页面的id=callbackdemo3的div HTML如下： 代码如下:<div id="callbackdemo1"> <button id="button1">ajax load1</button><br/> </div> <div id="callbackdemo2"> <button id="button2">ajax load2</button><br/> </div> <div id="callbackdemo3" class="log"></div> <button onclick="$(.log).html();">clear</button> 第一种...
比如有禁止右键点击、隐藏搜索文本框文字、在新窗口中打开链接、检测浏览器、预加载图片、页面样式切换、所有列等高、动态控制页面字体大小、获得鼠标指针的X值Y值、验证元素是否为空、替换元素、延迟加载、验证元素是否存在于Jquery集合中、使DIV可点击、克隆对象、使元素居中、计算元素个数、使用Google主机上的Jquery类库、禁用Jquery效果、解决Jquery类库与其他Javascript类库冲突问题。 具体如下： 1. 禁止右键点击 代码如下...
在选择时，最好以ID选择符作为开头 我想这个很好理解，因为JQuery内部使用document.getElementByID方法进行ID选择，这种方法比其他所有对DOM选择的方法更快，所以以$("#")开头是最好的,比如: 代码如下:<div id="a"> <div class="b"> <div class="c"> <div class="d"></div> </div> </div> </div> <script type="text/javascript"> $(".b .c .d")//slow one $("#a .b .c .d")//fast one </script> 提供$()的上下文 在使用$()选择页...
我想这个理解起来很简单，被$()包装的JQuery对象总是以集合的形式出现.就算包装集中只有一个对象. 代码如下:<div id="a"></div> <div id="b"></div> <script type="text/javascript"> $("div").html("hi"); </script> 上面被选择的两个DIV的内容都会被改变为”hi” 包装集内元素的顺序 在被JQuery包装的元素中,包装集中所包含的内部顺序是按照HTML流从先向后排列的，而不是选择顺序: 代码如下:<div id="a">here is a</div> <div...
这两个方法是比较容易搞混的. filter方法表示的是对当前内部的元素进行筛选,这个接受两种参数，一个返回bool的function,或者是JQuery的选择表达式,包装集内的元素只会小于等于当前包装集内的元素，并且含有的元素属于原来包装集内元素的子集： 代码如下:<div id="one">the one</div> <div id="two"><p>the two</p></div> <div id="three"><p>the three</p></div> <script type="text/javascript"> alert($("div").filter(":not(:f...