JQuery对象集合的四种遍历方式

JQuery对象集合遍历在实际开发中是必不可少的,因为我们不仅仅要用JQuery的选择器来选择元素,重要的还要去修改属性等工作,但是,在修改之前要实实在在的去到jquery对象集合的具体元素,当然用途绝不仅仅如此,所以,在学习的过程中,对于jquery对象集集合的遍历,我总结了四种遍历方式:

在面是具体的代码,在代码文档中都有提示。

<span style="font-family: Arial, Helvetica, sans-serif;">$("#test3").click(function(){</span>
<span style="white-space:pre">		</span>var $objs=$("select option:selected");//【1】
<span style="white-space:pre">		</span>$.each($objs,function(i,n){<span style="white-space:pre">	</span>//【2】
<span style="white-space:pre">			</span>//window.alert($("select option:selected").text());//第一种方式
<span style="white-space:pre">			</span>//window.alert(n.value);//第二种方式
<span style="white-space:pre">			</span>//window.alert($(n).val());//第三种方式
<span style="white-space:pre">			</span>//window.alert($(this).val());//第四种方式
<span style="white-space:pre">		</span>})
});



为了表达简洁,没有给html的代码。【1】是表明在select中的option属性为选中值的集合,【2】遍历的算法采用的jquery自己的方式,即each的方法,分别给对象集合,和函数的两个参数,其中一个为索引,一个为对象,可以看出来:


1:最常用的一种方式,这个可以取出多个select标签的属性值。这是在直接指定

2:在遍历每个对象时来指定value。

3:这是jquery内在的方法来表示对象 元素值。

4:通过This的方式,这里function内可以不用参数。


Jquery的遍历其实只用学习一种就行,但是,还是要多了解一下的,对理解和操作代码有一定的好处


  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值