栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Java

Jquery遍历元素

Java 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

Jquery遍历元素

在讲这个之前,建议先看一下jquery的隐式迭代,这个就不多说了,隐式迭代的缺点在于它只能集体进行操作不能只针对某个元素进行操作,可以看下面的代码:





    
    
    
    Document
    



    
    1
    2
    3


如果想要依次对遍历的元素进行操作需要用each方法,语法是:

$('div').each(function(index,domEle){})

1.each()方法遍历匹配每一个元素。

2.里面的回调函数有两个参数分别是index和domEle,index是每个元素的索引号,domEle是每个DOM元素对象,不是jquery对象,所以如果要用jquery的方法必须把DOM对象转换为jquery对象。

注:DOM对象转换为jquery对象直接在前面加$()即可,如果是jquery对象转DOM对象有两种方法,第一是用$('element')[index],第二种方法是$('element').get(index)。

看下面的代码可以实现jquery的遍历:





    
    
    
    jq遍历
    



    
    1
    2
    3


效果展示:

除此之外,jquery还有第二种遍历元素的方式为$.each(元素,function(index,value) {})

代码如下:





    
    
    
    jq遍历
    



    


结果展示:

 

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/1014470.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号