JQuery $.each用法
jquery使用方法
jquery使⽤⽅法jQuery是⽬前使⽤最⼴泛的javascript函数库。
据统计，全世界排名前100万的⽹站，有46%使⽤jQuery，远远超过其他库。
微软公司甚⾄把jQuery作为他们的官⽅库。
对于⽹页开发者来说，学会jQuery是必要的。
因为它让你了解业界最通⽤的技术，为将来学习更⾼级的库打下基础，并且确实可以很轻松地做出许多复杂的效果。
⼀、选择⽹页元素jQuery的基本设计和主要⽤法，就是"选择某个⽹页元素，然后对其进⾏某种操作"。
这是它区别于其他函数库的根本特点。
使⽤jQuery的第⼀步，往往就是将⼀个选择表达式，放进构造函数jQuery()(简写为$)，然后得到被选中的元素。
选择表达式可以是CSS选择器：1 $(document)//选择整个⽂档对象2 $('#myId')//选择ID为myId的⽹页元素3 $('div.myClass')//选择class为myClass的div元素4 $('input[name=first]')//选择name属性等于first的input元素也可以是jQuery特有的表达式：1 $('a:first')//选择⽹页中第⼀个a元素2 $('tr:odd')//选择表格的奇数⾏3 $('#myForm :input')//选择表单中的input元素4 $('div:visible') //选择可见的div元素5 $('div:gt(2)')//选择所有的div元素，除了前三个6 $('div:animated')//选择当前处于动画状态的div元素⼆、改变结果集如果选中多个元素，jQuery提供过滤器，可以缩⼩结果集：1 $('div').has('p'); //选择包含p元素的div元素2 $('div').not('.myClass'); //选择class不等于myClass的div元素3 $('div').filter('.myClass'); //选择class等于myClass的div元素4 $('div').first(); //选择第1个div元素5 $('div').eq(5); //选择第6个div元素有⼀些时候，我们需要从结果集出发，移动到附近的相关元素，jQuery也提供了在DOM树上的移动⽅法：1 $('div').next('p'); //选择div元素后⾯的第⼀个p元素2 $('div').parent(); //选择div元素的⽗元素3 $('div').closest('form'); //选择离div最近的那个form⽗元素4 $('div').children(); //选择div的所有⼦元素5 $('div').siblings(); //选择div的同级元素三、链式操作选中⽹页元素以后，就可以对它进⾏某种操作。
jq：遍历（each遍历、数组遍历）、添加（append、appendTo）、清除（emp。。。
jq ：遍历（each 遍历、数组遍历）、添加（append 、appendTo ）、清除（emp 。
jQuery 的隐式迭代是对同⼀类型的元素做了相同的操作，如果想要给同⼀元素做不同的操作，就要⽤到遍历1、each实现遍历操作：2、遍历数组：函数中，index 代表⾓标，value 代表遍历的每⼀个元素。
<!DOCTYPE html ><html ><head ><meta charset ="UTF-8"><title >each 实现的遍历</title ><script type ="text/javascript" src ="../js/jquery-1.8.3.js" ></script > <script >$(function (){$("button").click(function (){$("li").each(function (){alert($(this ).text())});});});</script ></head ><body ><button >点击按键，each 实现遍历操作</button ><ul ><li >2020</li ><li >新年好！</li ><li >武汉加油！</li ></ul ></body ></html ><!DOCTYPE html ><html ><head ><meta charset ="UTF-8"><title >数组遍历</title ><script type ="text/javascript" src ="../js/jquery-1.8.3.js" ></script > <script >$(function () {$.each([213,37,34,567,2020], function (index, value) {alert(index + ': ' + value);});})</script ></head ><body ></body ></html >... ...3、append实现添加操作（在被选元素的末尾添加）4、appendTo 实现添加操作：<!DOCTYPE html ><html ><head ><meta charset ="UTF-8"><title >append 实现添加操作</title ><script type ="text/javascript" src ="../js/jquery-1.8.3.js" ></script > <script >$(function (){$("#button").click(function (){$("ul").append("<li>武汉加油！</li>");});});</script ></head ><body ><button id ="button">append 添加</button ><ul ><li >2020</li ><li >新年好！</li ><li >武汉加油！</li ></ul ></body ></html ><!DOCTYPE html ><html ><head ><meta charset ="UTF-8"><title >appendTo 实现添加操作</title ><script type ="text/javascript" src ="../js/jquery-1.8.3.js" ></script > <script >$(function (){$("#button").click(function (){$("<li>武汉加油！</li>").appendTo("ul");});});</script ></head ><body ><button id ="button">append 添加</button ><ul ><li >2020</li ><li >新年好！</li ><li >武汉加油！</li ></ul ></body ></html >5、empty() ⽅法：移除被选元素内部的的所有⼦节点和内容<!DOCTYPE html><html><head><meta charset="UTF-8"><title>empty实现移除操作</title><script type="text/javascript" src="../js/jquery-1.8.3.js"></script> <script>$(function(){$("#button").click(function(){$("ul").empty();});});</script></head><body><button id="button">empty移除</button><ul><li>2020</li><li>新年好！</li><li>武汉加油！</li><ol>新年快乐！</ol></ul></body></html>点击按键前：点击按键后：ul内部的所有元素被移除，⽂字部分消失了。
jquery 使用方法
jQuery是目前使用最广泛的javascript函数库。
据统计，全世界排名前100万的网站，有46%使用jQuery，远远超过其他库。
微软公司甚至把jQuery作为他们的官方库。
对于网页开发者来说，学会jQuery是必要的。
因为它让你了解业界最通用的技术，为将来学习更高级的库打下基础，并且确实可以很轻松地做出许多复杂的效果。
一、选择网页元素jQuery的基本设计和主要用法，就是"选择某个网页元素，然后对其进行某种操作"。
这是它区别于其他函数库的根本特点。
使用jQuery的第一步，往往就是将一个选择表达式，放进构造函数jQuery()(简写为$)，然后得到被选中的元素。
选择表达式可以是CSS选择器：1 $(document)//选择整个文档对象2 $('#myId')//选择ID为myId的网页元素3 $('div.myClass')//选择class为myClass的div元素4 $('input[name=first]')//选择name属性等于first的input元素也可以是jQuery特有的表达式：1 $('a:first')//选择网页中第一个a元素2 $('tr:odd')//选择表格的奇数行3 $('#myForm :input')//选择表单中的input元素4 $('div:visible') //选择可见的div元素5 $('div:gt(2)')//选择所有的div元素，除了前三个6 $('div:animated')//选择当前处于动画状态的div元素二、改变结果集如果选中多个元素，jQuery提供过滤器，可以缩小结果集：1 $('div').has('p'); //选择包含p元素的div元素2 $('div').not('.myClass'); //选择class不等于myClass的div元素3 $('div').filter('.myClass'); //选择class等于myClass的div元素4 $('div').first(); //选择第1个div元素5 $('div').eq(5); //选择第6个div元素有一些时候，我们需要从结果集出发，移动到附近的相关元素，jQuery也提供了在DOM树上的移动方法：1 $('div').next('p'); //选择div元素后面的第一个p元素2 $('div').parent(); //选择div元素的父元素3 $('div').closest('form'); //选择离div最近的那个form父元素4 $('div').children(); //选择div的所有子元素5 $('div').siblings(); //选择div的同级元素三、链式操作选中网页元素以后，就可以对它进行某种操作。
jQuery遍历each（）的使用方法
jQuery遍历each（）的使⽤⽅法.each()是⼀个for循环的包装迭代器.each()通过回调的⽅式处理，并且会有2个固定的实参，索引与元素(从0开始计数).each()回调⽅法中的this指向当前迭代的dom元素遍历⽅法：<div class="left first-div"><div class="div"><ul><li>111111111111</li><li>22222222222</li><li>3333333333</li></ul></div><div class="div"><ul><li>4444444444</li><li>555555555</li><li>666666666</li></ul></div></div><br/><button class="click">遍历元素</button><style>.left {width: auto;height: 150px;}.left div {width: 150px;height: 120px;padding: 5px;margin: 5px;float: left;background: #bbffaa;border: 1px solid #ccc;}</style><script type="text/javascript">$(".click").click(function() {$("li").each(function(index, element) { //遍历所有的li$(this).css('color','red') //修改每个li内的字体颜⾊})})</script>效果图：回调函数⽅法：div和样式跟之前遍历的⼀样<button class="click">回调判断</button><script type="text/javascript">$(".click").click(function() {$("li").each(function(index, element) { //遍历所有的li if (index % 2) { //修改偶数li内的字体颜⾊$(this).css('color','blue')}})})</script>效果图：。
JQuery查找子元素find（）和遍历集合each的方法总结
JQuery查找⼦元素find（）和遍历集合each的⽅法总结1.HTML代码<div name="students" school="HK"><input type="boy" name="ZhangSan" value="206"><input type="girl" name="Lisi" value="108"></div>2.jquery<script type="text/javascript">/* find() 查找⼦元素⽅法 */var aaa = $("div[name='students'][school='HK']").find("input[type='boy'][name='ZhangSan']");console.log(aaa.val());/* $(".child",parent); ⽅法查找⼦元素*/var bbb = $($("input[type='boy'][name='ZhangSan']"),$("div[name='students'][school='HK']"));console.log(aaa.val());/* each()⽅法遍历数组 */var arr = [ "one", "two", "three", "four" ];$.each(arr, function() {console.log(this);});/* each()⽅法处理json */var obj = {one : 1,two : 2,three : 3,four : 4};$.each(obj, function(key, val) {console.log(obj[key]);});/* each()⽅法处理⼆维数组 */var arr1 = [ [ 11, 44, 33 ], [ 4, 6, 6 ], [ 7, 20, 9 ] ]$.each(arr1, function(i, item) {console.log(item[0]);});/* each()⽅法处理HTML元素 */$("div[name='students'][school='HK'] > input").each(function() {console.log($(this).val());});</script>以上这篇JQuery查找⼦元素find()和遍历集合each的⽅法总结就是⼩编分享给⼤家的全部内容了，希望能给⼤家⼀个参考，也希望⼤家多多⽀持。
JQuery遍历json数组的3种方法
JQuery遍历json数组的3种⽅法⼀、使⽤each遍历复制代码代码如下:$(function () {var tbody = "";//------------遍历对象 .each的使⽤-------------//对象语法JSON数据格式(当服务器端回调回来的对象数据格式是json数据格式，必须保证JSON的格式要求，回调的对象必须使⽤eval函数进⾏转化（否则将得不到Object）。
本⽂不作详细介绍服务器端回调的数据问题，我们将直接⾃定义对象)var obj = [{ "name": "项海军", "password": "123456"}];$("#result").html("------------遍历对象 .each的使⽤-------------");alert(obj); //是个object元素//下⾯使⽤each进⾏遍历$.each(obj, function (n, value) {alert(n + ' ' + value);var trs = "";trs += "<tr><td>" + + "</td> <td>" + value.password + "</td></tr>";tbody += trs;});$("#project").append(tbody);});⼆、jquery遍历解析json对象1：复制代码代码如下:var json = [{dd:'SB',AA:'东东',re1:123},{cccc:'dd',lk:'1qw'}];for(var i=0,l=json.length;i<l;i++){for(var key in json[i]){alert(key+':'+json[i][key]);}}三、jquery遍历解析json对象2有如下 json对象：复制代码代码如下:var obj ={”name”:”冯娟”,”password”:”123456″,”department”:”技术部”,”sex”:” ⼥”,”old”:30};遍历⽅法：复制代码代码如下:for(var p in obj){str = str+obj[p]+',';return str;}PS：这⾥再为⼤家推荐⼏款⽐较实⽤的json在线⼯具供⼤家参考使⽤：在线json压缩/转义⼯具：。
jQuery_使用each（）方法倒序遍历元素（获取元素、逆序操作）
jQuery_使⽤each（）⽅法倒序遍历元素（获取元素、逆序操作）背景今天在使⽤cheerio解析⼀个新浪博客⽹页⽬录的时候,准备获取其中的⽬录超链接,发现获取的⽬录总是按照倒序的顺序排序,⾃⼰突然就是想做⼀个正序的⽬录,于是在⽹上搜索jQuery中each()⽅法如何倒序遍历数组转换成数组,然后reverse⼀下关键代码完整代码<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><script src="jquery-3.1.1.js" charset="utf-8"></script><script type="text/javascript">$(function() {$($("li").toArray().reverse()).each(function(index,item){var text = $(item).text() + " + " + index;$(item).text(text);});});</script></head><body><ul><li>1</li><li>2</li><li>3</li></ul></body></html>使⽤get⽅法,然后reverse⼀下关键代码完整代码<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><script src="jquery-3.1.1.js" charset="utf-8"></script><script type="text/javascript">$(function() {$($("li").get().reverse()).each(function(index,item){var text = $(item).text() + " + " + index;$(item).text(text);});});</script></head><body><ul><li>1</li><li>2</li><li>3</li></ul></body> </html>。
jquery中.each()遍历元素的一些学习
jquery中.each()遍历元素的一些学习<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml" xml:lang="en"><head><meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/><title>tab选项卡</title><style type="text/css">ul,li{list-style: none;margin: 0px; padding: 0px;}li{float: left;width: 80px; height: 30px; background-color: #ccc; border: 2px solid #fff;text-align:center; line-height:30px;}#content{clear:left; width:336px; height: 180px; background-color: #999; color:white;}#content div{display: none}#content .consh{display: block;}#title .titsh{background-color: #999;border:2px solid #999; color:#fff} </style><script type="text/javascript" src="jquery.js"></script><script type="text/javascript">$(function(){$("li").each(function(index){$(this).mouseover(function(){$("#title .titsh").removeClass("titsh");$("#content .consh").removeClass("consh");$(this).addClass("titsh");$("#content>div:eq("+index+")").addClass("consh");})})})</script></head><body><div id="tab"><div id="title"><ul><li class="titsh">选项一</li><li>选项二</li><li>选项三</li><li>选项四</li></ul></div><div id="content"><div class="consh">内容一</div><div>内容二</div><div>内容三</div><div>内容四</div></div></div></body></html>。
jquery each用法
jquery each用法jQuery的each()方法用于遍历整个集合，并对每个元素执行一个自定义的回调函数。
使用语法如下：```javascript$.each(collection, function(index, value){// 在这里执行回调函数操作});```其中，`collection`是要遍历的集合，可以是一个数组或对象。
`index`是当前迭代的索引或对象的键。
`value`是当前迭代的值或对象的值。
下面是一些示例：1. 遍历数组```javascriptvar arr = [2, 4, 6, 8];$.each(arr, function(index, value){console.log("索引：" + index + "，值：" + value);});```输出：```索引：0，值：2索引：1，值：4索引：2，值：6索引：3，值：8```2. 遍历对象```javascriptvar obj = {name: "Alice", age: 25, city: "New York"};$.each(obj, function(key, value){console.log("键：" + key + "，值：" + value); });```输出：```键：name，值：Alice键：age，值：25键：city，值：New York```3. 使用return false终止遍历```javascriptvar arr = [2, 4, 6, 8];$.each(arr, function(index, value){if (value === 6) {return false; // 终止遍历}console.log("索引：" + index + "，值：" + value);});```输出：```索引：0，值：2索引：1，值：4```以上是jQuery的each()方法的基本用法示例，可根据实际需求进行扩展和应用。
jquery的each()函数用法
each()方法能使DOM循环结构简洁，不容易出错。
each()函数封装了十分强大的遍历功能，使用也很方便，它可以遍历一维数组、多维数组、DOM, JSON 等等在javaScript开发过程中使用$each可以大大的减轻我们的工作量。
下面提一下each的几种常用的用法each处理一维数组var arr1 = [ "aaa", "bbb", "ccc" ];$.each(arr1, function(i,val){alert(i);alert(val);});alert(i)将输出0，1，2alert(val)将输出aaa，bbb，ccceach处理二维数组var arr2 = [['a', 'aa', 'aaa'], ['b', 'bb', 'bbb'], ['c', 'cc', 'ccc']] $.each(arr, function(i, item){alert(i);alert(item);});arr2为一个二维数组，item相当于取这二维数组中的每一个数组。
item[0]相对于取每一个一维数组里的第一个值alert(i)将输出为0，1，2，因为这二维数组含有3个数组元素alert(item)将输出为 ['a', 'aa', 'aaa']，['b', 'bb', 'bbb']，['c', 'cc', 'ccc']对此二位数组的处理稍作变更之后var arr = [['a', 'aa', 'aaa'], ['b', 'bb', 'bbb'], ['c', 'cc', 'ccc']] $.each(arr, function(i, item){$.each(item,function(j,val){alert(j);alert(val);});});alert(j)将输出为0，1，2，0，1，2，0，1，2alert(val)将输出为a，aa，aaa，b，bb，bbb，c，cc，ccceach处理json数据，这个each就有更厉害了，能循环每一个属性var obj = { one:1, two:2, three:3};each(obj, function(key, val) {alert(key);alert(val);});这里alert(key)将输出one two threealert(val)将输出one，1，two，2，three,3这边为何key不是数字而是属性呢，因为json格式内是一组无序的属性-值，既然无序，又何来数字呢。
jQueryeach和jsforEach用法比较
jQueryeach和jsforEach⽤法⽐较本⽂实例分析了jQuery each和js forEach⽤法。
分享给⼤家供⼤家参考，具体如下：对于遍历数组的元素，js和jquery都有类似的⽅法，js⽤的是forEach⽽jquery⽤的是each，简单举例; var arr = new Array(["b", 2, "a", 4],["c",3,"d",6]);arr.forEach(function(item){alert(item); //b, 2, a, 4和c,3,d,6});如果forEach⾥的回调函数只有⼀个参数则代表该集合⾥的元素;var arr = new Array(["b", 2, "a", 4],["c",3,"d",6]);arr.forEach(function(item, i){alert(item+"-"+i); //b, 2, a, 4-1和c,3,d,6-2;item.forEach(function(items, j){alert(items+"---------"+j); //b------0;2-------1;a----2;4------3; c-----0;3-----1;d----2;6----3});});如果forEach⾥有两个参数，则第⼀个参数为该集合⾥的元素，第⼆个参数为集合的索引;在jquery⾥则不同;var arr = new Array(["b", 2, "a", 4],["c",3,"d",6]);$.each(arr, function(item){alert(item); //0;1});如果回调函数⾥只有⼀个参数时，则为集合的索引;var arr = new Array(["b", 2, "a", 4],["c",3,"d",6]);$.each(arr, function(i, item){alert(item+"-"+i); //b, 2, a, 4-1和c,3,d,6-2;$.each(item, function(j, items){alert(items+"---------"+j); //b------0;2-------1;a----2;4------3; c-----0;3-----1;d----2;6----3});});如果有两个参数，则第⼀个为索引，第⼆个该集合⾥的元素;PS：这⾥再为⼤家推荐⼀款JS数组遍历⽅式分析对⽐⼯具供⼤家参考：更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《》、《》、《》、《》、《》及《》希望本⽂所述对⼤家JavaScript程序设计有所帮助。
jQuery中each()、find()和filter()等节点操作方法详解(推荐)
这篇文章主要介绍了jQuery中each()、find()和filter()等节点操作方法的相关资料,非常不错具有参考价值,需要的朋友可以参考下1.each(callback)官方解释：返回值:jQuery概述以每一个匹配的元素作为上下文来执行一个函数。
意味着，每次执行传递进来的函数时，函数中的this关键字都指向一个不同的DOM元素（每次都是一个不同的匹配元素）。
而且，在每次执行函数时，都会给函数传递一个表示作为执行环境的元素在匹配的元素集合中所处位置的数字值作为参数（从零开始的整型）。
返回'false' 将停止循环(就像在普通的循环中使用'break')。
返回'true' 跳至下一个循环(就像在普通的循环中使用'continue')。
参数callback对于每个匹配的元素所要执行的函数示例描述:迭代两个图像，并设置它们的src 属性。
注意:此处this 指代的是DOM 对象而非jQuery 对象。
HTML 代码:<img/><img/>jQuery 代码:$("img").each(function(i){this.src = "test" + i + ".jpg";});结果:[ <img src="test0.jpg" />, <img src="test1.jpg" /> ]2.find(expr|obj|ele)官方解释：返回值:jQuery概述搜索所有与指定表达式匹配的元素。
这个函数是找出正在处理的元素的后代元素的好方法。
所有搜索都依靠jQuery表达式来完成。
这个表达式可以使用CSS1-3的选择器语法来写。
参数expr String用于查找的表达式jQuery object object一个用于匹配元素的jQuery对象element DOMElement一个DOM元素示例描述:从所有的段落开始，进一步搜索下面的span元素。
jquery中遍历节点的常用方法
jquery中遍历节点的常用方法在jQuery中，可以使用以下常用方法来遍历节点：1. `each()`方法：用于遍历匹配元素集合，并为每个元素执行指定的函数。
例如：```javascript$('li').each(function() {// 执行操作});```2. `find()`方法：用于在匹配元素的后代元素中查找指定的元素。
例如：```javascript$('ul').find('li').each(function() {// 执行操作});```3. `children()`方法：用于获取匹配元素的所有直接子元素。
例如：```javascript$('ul').children('li').each(function() {});```4. `parent()`方法：用于获取匹配元素的直接父元素。
例如：```javascript$('li').parent().each(function() {// 执行操作});```5. `siblings()`方法：用于获取匹配元素的所有兄弟元素。
例如：```javascript$('li').siblings().each(function() {// 执行操作});```6. `prev()`和`next()`方法：分别用于获取匹配元素的前一个兄弟元素和后一个兄弟元素。
例如：```javascript$('li').prev().each(function() {});$('li').next().each(function() {// 执行操作});```以上是常用的一些遍历节点的方法，在实际应用中，根据具体的需求选择合适的方法来遍历节点。
jqueryforeach用法
jqueryforeach用法
jquery foreach() 函数用于循环遍历 jQuery 对象的特定元素，类似于 JavaScript 中的 forEach() 方法。
以下是 jquery foreach() 方法的语法：
$(selector).each(function(index,element){})
参数说明：
- selector：必需。
要遍历的元素选择器。
- function：必需。
定义每个遍历到的元素要执行的函数。
- index：可选。
规定元素的索引位置。
- element：可选。
规定当前元素。
示例：
HTML 代码：
```
<ul>
<li>Apple</li>
<li>Orange</li>
<li>Banana</li>
<li>Mango</li>
</ul>
```
jQuery 代码：
```
$("li").each(function(index, element) {
console.log(index + ": " + $(element).text());
});
```
这个代码会输出每个 li 元素的索引位置和文本内容。
输出结果：
```
0: Apple
1: Orange
2: Banana
3: Mango
```。
jquery$.each和for怎么跳出循环终止本次循环
continue与break的区别是：break是彻底结束循环，而continue是结束本次循环
ห้องสมุดไป่ตู้
这篇文章主要介绍了jquery中dom节点的删除方法文中介绍的很相信内容包括empty的基本用法remove的有参用法和无参用法empty和remove区别保留数据的删除操作detach以及detach和remove区别需要的朋友可以参考借鉴
jquery$.each和 for怎么跳出循环终止本次循环
如何在jquery 中的循环中终止本次循环或者跳出循环呢？查些资料,并且试验过发现下面方法可以
1、for循环中我们使用continue；终止本次循环计入下一个循环，使用break终止整个循环。 2、而在jquery中 $.each则对应的使用return true 和return false。
break可以跳出switch...case语句，继续执行switch语句后面的内容。break语句还可以跳出循环，也就是结束循环语句的执 行。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
通过它，你可以遍历对象、数组的属性值并进行处理。
使用说明
each函数根据参数的类型实现的效果不完全一致：
1、遍历对象(有附加参数)
$.each(Object, function(p1, p2) {
this; //这里的this指向每次遍历中Object的当前属性值
p1; p2; //访问附加参数
}, ['参数1', '参数2']);
2、遍历数组(有附件参数)
$.each(Array, function(p1, p2){
this; //这里的this指向每次遍历中Array的当前元素
p1; p2; //访问附加参数
}, ['参数1', '参数2']);
3、遍历对象(没有附加参数)
$.each(Object, function(name, value) {
this; //this指向当前属性的值
name; //name表示Object当前属性的名称
value; //value表示Object当前属性的值
});
4、遍历数组(没有附加参数)
$.each(Array, function(i, value) {
this; //this指向当前元素
i; //i表示Array当前下标
value; //value表示Array当前元素
});
下面提一下jQuery的each方法的几种常用的用法
Js代码
var arr = [ "one", "two", "three", "four"];
$.each(arr, function(){
alert(this);
});
//上面这个each输出的结果分别为：one,two,three,four
var arr1 = [[1, 4, 3], [4, 6, 6], [7, 20, 9]]
$.each(arr1, function(i, item){
alert(item[0]);
});
//其实arr1为一个二维数组，item相当于取每一个一维数组，
//item[0]相对于取每一个一维数组里的第一个值
//所以上面这个each输出分别为：1 4 7
var obj = { one:1, two:2, three:3, four:4}; $.each(obj, function(key, val) {
alert(obj[key]);
});
//这个each就有更厉害了，能循环每一个属性//输出结果为：1 2 3 4。