查询索引与遍历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> ~~~