50个jQuery代码段帮你成为更好的JavaScript开发者

痞子三分冷 提交于 2019-12-01 20:23:31

今天的帖子会给你们展示50个jquery代码片段,这些代码能够给你的javascript项目提供帮助。其中的一些代码段是从jQuery1.4.2才开始支持的做法,另一些则是真正有用的函数或方法,他们能够帮助你又快又好地把事情完成。这些都是我尽量记住的有着最佳性能的代码段,因此如果你发现你任何可以做得更好的地方的话,欢迎把你的版本粘贴在评论中!我希望你在这一文章中能找到有帮助的东西。

1. 如何创建嵌套的过滤器:

1 //允许你减少集合中的匹配元素的过滤器,
2 //只剩下那些与给定的选择器匹配的部分。在这种情况下,
3 //查询删除了任何没(:not)有(:has)
4 //包含class为“selected”(.selected)的子节点。
5 .filter(":not(:has(.selected))")

2. 如何重用元素搜索

01 var allItems = $("div.item");
02 var keepList = $("div#container1 div.item");
03 //现在你可以继续使用这些jQuery对象来工作了。例如,
04 //基于复选框裁剪“keep list”,复选框的名称
05 //符合
06 < DIV >class names:
07 $(formToLookAt + " input:checked").each(function() {
08 keepList = keepList.filter("." + $(this).attr("name"));
09 });
10 < /DIV>
标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!