這篇文章主要介紹了jQuery中each()方法的示例分析，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)建站是一家專注于成都網(wǎng)站設(shè)計(jì)、網(wǎng)站建設(shè)與策劃設(shè)計(jì),湯陰網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)建站做網(wǎng)站,專注于網(wǎng)站建設(shè)10余年,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:湯陰等地區(qū)。湯陰做網(wǎng)站價(jià)格咨詢:028-86922220

jquery中有隱式迭代，不需要我們再次對某些元素進(jìn)行操作。但是如果涉及到不同元素有不同操作，需要進(jìn)行each遍歷。本文利用10個(gè)li設(shè)置不同的透明度的案例，對each方法進(jìn)行說明。

 語法：

$(元素).each(function(index,element){ });

參數(shù)index：表示元素索引，在本例中是0-9

參數(shù)element：表示對象，在本例中是每個(gè)li

案例效果：

代碼如下

  
    
    
    
      li{
        width: 100px;
        height: 100px;
        background-color: green;
        list-style: none;
        float: left;
        margin-left: 10px;
      }
    

    
    
      $(function(){
        //頁面加載后,讓每個(gè)li的透明度發(fā)生改變
        $("li").each(function(index,element){
          //第一個(gè)參數(shù)是索引,第二個(gè)參數(shù)是對象
          $(element).css("opacity",(index+1)/10);
        })
      });
    
  
  
    

      
1
      
2
      
3
      
4
      
5
      
6
      
7
      
8
      
9
      
10
    
  

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“jQuery中each()方法的示例分析”這篇文章對大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識等著你來學(xué)習(xí)!

新聞名稱：jQuery中each()方法的示例分析-創(chuàng)新互聯(lián)
網(wǎng)站鏈接：http://weahome.cn/article/jjsgd.html