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>