欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

詳解jQuery-each()方法

 更新時(shí)間：2019年03月13日 16:15:53   作者：笑蒼茫  
這篇文章主要介紹了jQuery-each()方法，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

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

 語法：

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

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

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

案例效果：

代碼如下

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <style type="text/css">
      li{
        width: 100px;
        height: 100px;
        background-color: green;
        list-style: none;
        float: left;
        margin-left: 10px;
      }
    </style>

    <script src="jquery-1.12.2.js"></script>
    <script type="text/javascript">
      $(function(){
        //頁面加載后,讓每個(gè)li的透明度發(fā)生改變
        $("li").each(function(index,element){
          //第一個(gè)參數(shù)是索引,第二個(gè)參數(shù)是對(duì)象
          $(element).css("opacity",(index+1)/10);
        })
      });
    </script>
  </head>
  <body>
    <ul>
      <li>1</li>
      <li>2</li>
      <li>3</li>
      <li>4</li>
      <li>5</li>
      <li>6</li>
      <li>7</li>
      <li>8</li>
      <li>9</li>
      <li>10</li>
    </ul>
  </body>
</html>

以上所述是小編給大家介紹的jQuery-each()方法詳解整合，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

相關(guān)文章

最新評(píng)論