详解jQuery-each()方法
jquery中有隐式迭代，不需要我们再次对某些元素进行操作。但是如果涉及到不同元素有不同操作，需要进行each遍历。本文利用10个li设置不同的透明度的案例，对each方法进行说明。
语法：
$(元素).each(function(index,element){ });
参数index：表示元素索引，在本例中是0-9
参数element：表示对象，在本例中是每个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(){
//页面加载后,让每个li的透明度发生改变
$("li").each(function(index,element){
//第一个参数是索引,第二个参数是对象
$(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()方法详解整合，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对小牛知识库网站的支持！
-
本文向大家介绍jquery 遍历数组 each 方法详解，包括了jquery 遍历数组 each 方法详解的使用技巧和注意事项，需要的朋友参考一下 JQuery拿取对象的方式 $(‘#id') ：通过元素的id $(‘tagName') : 通过元素的标签名 $(‘tagName tagName') : 通过元素的标签名,eg: $(‘ul li') $(‘tagName#id): 通过元素的id
-
本文向大家介绍jQuery中each方法的使用详解，包括了jQuery中each方法的使用详解的使用技巧和注意事项，需要的朋友参考一下 概述： each() 方法规定为每个匹配元素规定运行的函数。 返回 false 可用于及早停止循环,相当于break。 返回 true 可以结束本次循环，相当于continue。 语法: 1.遍历js数组 2.遍历Object对象 3.遍历JSON对象
-
本文向大家介绍jQuery中$.each使用详解，包括了jQuery中$.each使用详解的使用技巧和注意事项，需要的朋友参考一下 通过它，你可以遍历对象、数组的属性值并进行处理。 使用说明 each函数根据参数的类型实现的效果不完全一致： 1、遍历对象(有附加参数) 2、遍历数组(有附件参数) 3、遍历对象(没有附加参数) 4、遍历数组(没有附加参数) 下面提一下jQuery的each方法的几种
-
本文向大家介绍jQuery的position()方法详解，包括了jQuery的position()方法详解的使用技巧和注意事项，需要的朋友参考一下 position()方法的定义和用法: 此方法获取匹配元素相对某些元素的偏移量。 返回的对象包含两个整型属性（top和left）的对象。 此方法只对可见元素有效。 语法结构: 在教程的开头之所以说是获取匹配元素相对于某些元素的偏移量。很多教程都说方法返
-
本文向大家介绍JQuery跳出each循环的方法，包括了JQuery跳出each循环的方法的使用技巧和注意事项，需要的朋友参考一下 一、jquery each循环,要实现break和continue的功能： break----用return false; continue --用return ture; 二、jquery怎么跳出当前的each循环 有些朋友可能会以为在jquery跳出循环可以直接使
-
本文向大家介绍浅谈jquery的map()和each()方法，包括了浅谈jquery的map()和each()方法的使用技巧和注意事项，需要的朋友参考一下 1. map()方法 2. each()方法 以上这篇浅谈jquery的map()和each()方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持呐喊教程。