个必备的实用代码段.docxVIP

50个必备的实用jQuery代码段　　本文会给你们展示50个jquery代码片段，这些代码能够给你的javascript项目提供帮助。其中的一些代码段是从jQuery1.4.2才开始支持的做法，另一些则是真正有用的函数或方法，他们能够帮助你又快又好地把事情完成。这些都是我尽量记住的有着最佳性能的代码段，因此如果你发现你任何可以做得更好的地方的话，欢迎把你的版本粘贴在评论中!我希望你在这一文章中能找到有帮助的东西。　　1. 如何创建嵌套的过滤器：　　1. //允许你减少集合中的匹配元素的过滤器，　　2. //只剩下那些与给定的选择器匹配的部分。在这种情况下，　　3. //查询删除了任何没（:not）有（:has）　　4. //包含class为“selected”（.selected）的子节点。　　5. .filter(:not(:has(.selected)))　　2. 如何重用元素搜索　　1. varallItems = $(div.item);　　2. varkeepList = $(div#container1 div.item);　　3. //现在你可以继续使用这些jQuery对象来工作了。例如，　　4. //基于复选框裁剪“keep list”，复选框的名称　　5. //符合　　6. DIV class names:　　7. $(formToLookAt + input:checked).each(function() {　　8. keepList = keepList.filter(. + $(this).attr(name));　　9. });　　10. /DIV　　3. 任何使用has()来检查某个元素是否包含某个类或是元素：　　1. //jQuery 1.4.*包含了对这一has方法的支持。该方法找出　　2. //某个元素是否包含了其他另一个元素类或是其他任何的　　3. //你正在查找并要在其之上进行操作的东东。　　4. $(input).has(.email).addClass(email_icon);　　4. 如何使用jQuery来切换样式表　　1. //找出你希望切换的媒体类型（media-type），然后把href设置成新的样式表。　　2. $(link[media=screen]).attr(href, Alternative.css);　　5. 如何限制选择范围（基于优化目的）：　　1. //尽可能使用标签名来作为类名的前缀，　　2. //这样jQuery就不需要花费更多的时间来搜索　　3. //你想要的元素。还要记住的一点是，　　4. //针对于你的页面上的元素的操作越具体化，　　5. //就越能降低执行和搜索的时间。　　6. varin_stock = $(#shopping_cart_itemsinput.is_in_stock); ul id=shopping_cart_items　　liinput type=radio value=Item-X name=item class=is_in_stock / Item X/li　　liinput type=radio value=Item-Y name=item class=3-5_days / Item Y/li　　liinput type=radio value=Item-Z name=item class=unknown / Item Z/li　　/ul　　6. 如何正确地使用ToggleClass：　　1. //切换（toggle）类允许你根据某个类的　　2. //是否存在来添加或是删除该类。　　3. //这种情况下有些开发者使用：　　4. a.hasClass(blueButton) ? a.removeClass(blueButton) : a.addClass(blueButton);　　5. //toggleClass允许你使用下面的语句来很容易地做到这一点　　6. a.toggleClass(blueButton);　　7. 如何设置IE特有的功能：　　1. if ($.browser.msie) {　　2. // Internet Ex