Jquery用法一些总结

最新推荐文章于 2025-11-29 13:42:57 发布

最新推荐文章于 2025-11-29 13:42:57 发布 · 122 阅读

文章标签：

#javascript #java #ViewUI

本文详细介绍了jQuery中的each方法用法，包括对DOM元素和JavaScript数组的遍历，并展示了如何使用return false和return true来实现类似Java中break和continue的功能。

2、each用法

语法$(selector).each(function(index,element))

i、页面中有如下一些元素
<p> zhangsan </p> <p> lisi </p> <p> wangwu </p> 使用each方法对其进行遍历：

$(function(){ $("p").each(function(i, ele){ alert(i + '<--------->' + $(ele).html() + '<--------->' + $(this).html()); }); });
ii、有一个js数组如

var list = ['zhangsan', 'lisi', 'wangwu'];对其进行遍历：

$.each(list, function(i, ele){ alert(list + '<--->' + i + "<---->" + ele + "<---->" + list[i]); });

iii、在each中使用return false;相当如java中循环中使用break的功能，使用return true相当与continue功能，如

var arr = ['zhangsan','lisi','wangwu','zhaoliu'] ; $.each(arr,function(i,ele){ if(ele=='wangwu'){ alert("wangwu--continue") ; return true ; } alert(ele) ; }) ;