web前端开发JQuery常用实例代码片段(50个)
Posted WEB前端自学所
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了web前端开发JQuery常用实例代码片段(50个)相关的知识，希望对你有一定的参考价值。
本文给大家展示50个jquery代码片段，这些代码能够给你的javascript项目提供帮助，需要的朋友快来学习一下吧！
分享干活之前，咱们先看看小故事！
佛塔上的老鼠
一只四处漂泊的老鼠在佛塔顶上安了家。
佛塔里的生活实在是幸福极了，它既可以在各层之间随意穿越，又可以享受到丰富的供品。它甚至还享有别人所无法想象的特权，那些不为人知的秘笈，它可以随意咀嚼;人们不敢正视的佛像，它可以自由休闲，兴起之时，甚至还可以在佛像头上留些排泄物。
每当善男信女们烧香叩头的时候，这只老鼠总是看着那令人陶醉的烟气，慢慢升起，它猛抽着鼻子，心中暗笑：“可笑的人类，膝盖竟然这样柔软，说跪就跪下了!”
有一天，一只饿极了的野猫闯了进来，它一把将老鼠抓住。
“你不能吃我!你应该向我跪拜!我代表着佛!”这位高贵的俘虏抗议道。
“人们向你跪拜，只是因为你所占的位置，不是因为你!”
野猫讥讽道，然后，它像掰开一个汉堡包那样把老鼠掰成了两半。
本文给大家展示50个jquery代码片段，这些代码能够给你的javascript项目提供帮助。其中的一些代码段是从jQuery1.4.2才开始支持的做法，另一些则是真正有用的函数或方法，他们能够帮助你又快又好地把事情完成。这些都是我尽量记住的有着最佳性能的代码段，因此如果你发现你任何可以做得更好的地方的话，欢迎把你的版本粘贴在评论中！我希望你在这一文章中能找到有帮助的东西。
1. 如何创建嵌套的过滤器
//允许你减少集合中的匹配元素的过滤器， //只剩下那些与给定的选择器匹配的部分。在这种情况下， //查询删除了任何没（:not）有（:has） //包含class为“selected”（.selected）的子节点。.filter(":not(:has(.selected))")
2. 如何重用元素搜索
var allItems = $("div.item"); var keepList = $("div#container1 div.item"); //现在你可以继续使用这些jQuery对象来工作了。例如， //基于复选框裁剪“keep list”，复选框的名称 //符合
<DIV>class names:
以上是关于web前端开发JQuery常用实例代码片段(50个)的主要内容，如果未能解决你的问题，请参考以下文章