原创力文档- 1、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。。
- 2、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
- 4、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
- 5、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传，每下载1次， 网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
50个jQuery代码段帮你成为更好的JavaScript开发者
今天的帖子会给你们展示50个jquery代码片段，这些代码能够给你的javascript项目提供帮助。其中的一些代码段是从jQuery1.4.2才开始支持的做法，另一些则是真正有用的函数或方法，他们能够帮助你又快又好地把事情完成。这些都是我尽量记住的有着最佳性能的代码段，因此如果你发现你任何可以做得更好的地方的话，欢迎把你的版本粘贴在评论中！我希望你在这一文章中能找到有帮助的东西。
1. 如何创建嵌套的过滤器：
?
1
2
3
4
5
//只剩下那些与给定的选择器匹配的部分。在这种情况下，
//查询删除了任何没（:not）有（:has）
//包含class为“selected”（.selected）的子节点。
.filter(:not(:has(.selected))) 2. 如何重用元素搜索
?
1
2
3
4
5
6
7
8
9
10 var allItems = $(div.item);
var keepList = $(div#container1 div.item);
//基于复选框裁剪“keep list”，复选框的名称
//符合
DIV class names:
$(formToLookAt + input:checked).each(function() {
keepList = keepList.filter(. + $(this).attr(name));
});
/DIV 3. 任何使用has()来检查某个元素是否包含某个类或是元素：
?
1
2
3
4
//某个元素是否包含了其他另一个元素类或是其他任何的
//你正在查找并要在其之上进行操作的东东。
$(input).has(.email).addClass(email_icon); 4. 如何使用jQuery来切换样式表
?
1
2
$(link[media=screen]).attr(href, Alternative.css); 5. 如何限制选择范围（基于优化目的）：
?
1
2
3
4
5
6
//这样jQuery就不需要花费更多的时间来搜索
//你想要的元素。还要记住的一点是，
//针对于你的页面上的元素的操作越具体化，
//就越能降低执行和搜索的时间。
var in_stock = $(#shopping_cart_items input.is_in_stock); ?
1
2
3
4
5 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
2
3
4
5
6 //切换（toggle）类允许你根据某个类的
//是否存在来添加或是删除该类。
//这种情况下有些开发者使用：
a.hasClass(blueButton) ? a.removeClass(blueButton) : a.addClass(blueButton);
//toggleClass允许你使用下面的语句来很容易地做到这一点
a.toggleClass(blueButton); 7. 如何设置IE特有的功能：
?
1
2
3 if ($.browser.msie) {
} 8. 如何使用jQuery来代替一个元素：
?
1 $(#thatdiv).replaceWith(fnuh); 9. 如何验证某个元素是否为空：
?
1
2
3 if ($(#keks).html()) {
} 10. 如何从一个未排序的集合中找出某个元素的索引号
?
1
2
3 $(ul li).click(function () {
var index = $(this).prevAll().length;
}); 11. 如何把函数绑定到事件上：
?
1
2
3 $(#foo).bind(click, function() {
alert(User clicked on foo.);
}); 12. 如何追加或是添加html到元素中：
?
1 $(#lal).append(sometext); 13. 在创建元素时，如何使用对象字面量（literal）来定义属性
?
1 var e = $(, { href: #, class: a-class another-class,
文档评论（0）