查詢索引與遍歷index() each() · jQuery學習

## index() 概述：它是JQ函數庫提供一個常用方法，它可用獲取到某一個匹配節點的索引值。 ## 語法： ``` console.log($(".cur").index()) ; ``` ## each() 概述：它也是jquery函數庫給我們提供方法，主要是把所有匹配的節點遍歷 ## 語法：其中index是回調函數行參中的索引，element是元素。。。（這是each()方法里默認的2個行參值。）（在HTML中標簽就是元素的意思比如P DIV 也可也叫做元素（英文（element）） <br/> ~~~ $("li").each(function(index,element){ $(element).css({"color":"red"}); }) ~~~ 代碼如下：（把所有li標簽里的字體顏色都變成紅色） ~~~ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="./jquery/jquery-3.2.1.min.js"></script> </head> <body> <ul> <li>吃飯</li> <li>睡覺</li> <li class="cur">打豆豆</li> <li>喝酒</li> <li>燙頭</li> </ul> </body> </html> <script type="text/javascript"> console.log($(".cur").index()) ; $("li").each(function(index,element){ $(element).css({"color":"red","width":"20px","height":"50px"}); }) </script> ~~~