`
dengjianqiang200
  • 浏览: 128126 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

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:
$(formToLookAt + " input:checked").each(function() {
keepList = keepList.filter("." + $(this).attr("name"));
});
< /DIV>

 ....

IE9下为啥插入代码不好使呢....

 

大家看引用文章吧:http://www.woiweb.net/50-jquery-snippets-for-developers.html

 

分享到:
评论

相关推荐

    jQuery 常用代码段

    这个压缩包文件“超实用的jQuery代码段”显然是一份汇集了多个常见和实用jQuery代码片段的资源,对于前端开发者来说极具价值。下面,我们将深入探讨这些关键知识点。 1. **选择器**:jQuery的选择器使得选取DOM元素...

    超实用的jquery代码段 源码

    《超实用的jQuery代码段》是由周敏编著的一部汇集了众多实用jQuery代码的资源集合,旨在帮助开发者提升在Web开发中的效率和效果。jQuery是一个强大的JavaScript库,它简化了HTML文档遍历、事件处理、动画制作以及...

    《超实用 的jQuery代码段》 配套 源码

    《超实用的jQuery代码段》是一本专注于jQuery实践的书籍,其配套源码提供了一整套丰富的代码示例,帮助读者深入理解并掌握jQuery库在实际项目中的应用。jQuery是JavaScript的一个强大库,它简化了DOM操作、事件处理...

    《超实用的jQuery代码段》PDF版本下载.txt

    根据提供的文件信息,本文将对《超实用的jQuery代码段》这一资源进行详细的解析与介绍。考虑到该资源可能包含大量的jQuery实用代码段,我们将重点围绕jQuery的基础知识、使用场景、核心功能以及书中可能涵盖的一些...

    Jquery代码段

    通过深入学习和理解这些代码段,你可以更好地掌握jQuery的用法,并在实际项目中灵活运用,提升你的前端开发技能。同时,记得结合实践不断探索和学习新的jQuery技巧和最佳实践,以保持技术的更新和进步。

    50个必备的实用jQuery代码段

    本篇文章将深入解析50个实用的jQuery代码片段,帮助开发者提高工作效率,优化项目性能。 1. **创建嵌套过滤器**: 这个代码段展示了如何使用`:not`和`:has`选择器过滤元素集合。例如,它会移除所有不含有`....

    VS2010 VS2012最好用的JQuery代码段

    总的来说,“VS2010 VS2012最好用的JQuery代码段”是一个强大的工具,能帮助开发者快速、准确地编写jQuery代码,提升开发效率。通过合理利用这些代码片段,开发者可以在保持代码质量的同时,更好地专注于应用程序的...

    50个必备的实用jQuery代码段.doc

    ### 50个必备的实用jQuery代码段 #### 1. 创建嵌套过滤器 **知识点:** - **`filter()` 方法:** 这个方法用于从当前匹配元素集合中进一步筛选出符合特定条件的元素。 - **选择器 `:not(:has(.selected))`:** 这...

    50个必备的实用jQuery代码段共12页.pdf.zip

    本篇将详细解析"50个必备的实用jQuery代码段",帮助开发者深入理解并熟练运用jQuery,提升开发效率。 1. **选择器**:jQuery的选择器功能强大,如`$("#id")`用于选取ID为"id"的元素,`$(".class")`选取所有class为...

    直接拿来用的15个jQuery代码片段

    标题中提到的是“直接拿来用的15个jQuery代码片段”,这表明本文将分享十五个可以直接应用于项目中的实用jQuery代码片段。jQuery是广泛使用的一个JavaScript库,它简化了HTML文档遍历、事件处理、动画以及AJAX交互...

    Firebug控制台动态加载jquery脚本并执行jquery代码

    本文将深入探讨如何利用Firebug控制台动态加载jQuery脚本,并执行jQuery代码,这对于开发者进行网页调试和增强网页功能极具价值。 首先,让我们了解Firebug。Firebug是Firefox浏览器的一个扩展,它提供了一个强大的...

    JSP&Servlet&JavaScript&Ajax&jQuery源代码

    这些文件名称列表揭示了一个关于Web开发的教程结构,主要涵盖了JSP(JavaServer Pages)、Servlet、JavaScript、Ajax和jQuery这五个关键的技术。接下来,我们将详细探讨这些技术及其在实际应用中的重要性。 **JSP...

    深入理解jquery和javascript系列

    《超实用的jQuery代码段》将展示jQuery在实际开发中的应用技巧;而《jQuery源码分析系列》则可以帮助你深入理解jQuery的工作原理,提升你的编程技能。这三份资料将从理论到实践,全面解析JavaScript和jQuery的世界,...

    jQuery代码着色高亮显示特效.zip

    在IT行业中,代码着色高亮显示是一种非常重要的技术,特别是在网页开发中,它能够帮助开发者更好地理解和阅读代码。jQuery代码着色高亮显示特效利用了highlight.js这一强大的代码高亮库,为网页中的代码块提供了美观...

    超实用的JavaScript代码段.pdf

    通过学习和实践这些JavaScript知识点,你可以更好地理解和运用“超实用的JavaScript代码段”中的示例,从而提升自己的开发技能。无论你是初学者还是有经验的开发者,这份文档都可能为你提供宝贵的灵感和解决方案。

    jQuery预约时间代码

    在IT行业中,jQuery是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画设计和Ajax交互。"jQuery预约时间代码"项目利用jQuery的功能...对于开发类似功能的开发者来说,这是一个很好的学习和参考案例。

    jquery.countdown.js自定义倒计时代码.zip

    本篇文章将详细介绍名为“jquery.countdown.js”的jQuery倒计时插件,并通过分析其代码结构和实际应用,帮助开发者理解并掌握这个插件的使用。 首先,`jquery.countdown.js`是一款基于jQuery的轻量级倒计时插件,它...

    jQuery的购物车代码.zip

    【jQuery的购物车代码.zip】这个压缩包文件包含的是一段实现HTML5、jQuery和JavaScript技术的购物车功能的代码示例。在这个项目中,开发者可能着重于展示如何利用这些技术来实现用户界面的交互性,包括商品的添加、...

    jquery程序代码包

    这个"jquery程序代码包"旨在提供全面的jQuery使用教程,帮助开发者深入理解和高效运用jQuery。 ### 1. jQuery基础知识 jQuery的核心理念是"Write Less, Do More",它通过简洁的API让JavaScript编程变得更加简单。...

Global site tag (gtag.js) - Google Analytics