手机版

详细解释jQuery-each()方法

时间:2021-08-27 来源:互联网 编辑:宝哥软件园 浏览:

jquery中有隐式迭代,所以我们不需要再操作一些元素。但是,如果不同的元素有不同的操作,则需要每次遍历。本文用10个不同透明度的案例来说明每种方法。

语法:

$(元素)。每个(函数(索引,元素){ });

参数索引:指示元素索引,在本例中为0-9

参数元素:表示对象,在本例中为每li

案例效果:

代码如下

!DOCTYPE html html head meta charset=' utf-8 ' title/title style=' text/CSS ' Li { width : 100px;高度: 100像素;背景-颜色:绿色;list-style:无;向左浮动:左边距left: 10px}/style script src=' http : jquery-1 . 12 . 2 . js '/script script type=' text/JavaScript ' $(function(){//页面加载后,每个li的透明度都会发生变化$('li ')。每个(函数(index,Element){ //第一个参数是index,第二个参数是object $ (element)。CSS('不透明度',(索引1/10);}) });/script/head dy ulli 1/Lili 2/Lili 3/Lili 4/Lili 5/Lili 6/Lili 7/Lili 8/Lili 9/Lili 10/Li/ul/body/html以上是介绍的jQuery-each()方法的详细讲解和集成。希望对大家有帮助。如果您有任何问题,请给我们。非常感谢您对我们网站的支持!

版权声明:详细解释jQuery-each()方法是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。