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

时间 2019-11-07

标签 jquery 代码段帮你成为更好 javascript 开发者栏目 JQuery 繁體版

原文原文链接

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

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>