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

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

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

$("#test3").click(function(){
		var $objs=$("select option:selected");//【1】
		$.each($objs,function(i,n){	//【2】
			//window.alert($("select option:selected").text());//第一种方式
			//window.alert(n.value);//第二种方式
			//window.alert($(n).val());//第三种方式
			//window.alert($(this).val());//第四种方式
		})
});



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


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

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

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

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


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


你可能感兴趣的:(JQuery,jquery,遍历,对象集合)