jQuery操作数组的方法
2012-05-12 12:21
465 查看
jQuery操作数组的方法:
$()操作返回的如果是一个数组,可以使用如下方法来操作each(fn(i)):循环遍历每一个元素,this代表被迭代的dom对象,$(this)代表被迭代的jquery对象。
eq(index):返回index+1位置处的jquery对象
index(obj):返回下标,其中obj可以是
dom对象或者jquery对象。
length:个数
get():返回dom对象组成的数组
get(index):返回index+1个dom对象。
<script type="text/javascript" src="js/jquery-1.4.3.js"></script> <script type="text/javascript"> $(function(){ $('#b1').click(function(){ var $obj = $('ul li'); $obj.each(function(index){//each(fn(i)):循环遍历每一个元素 //alert(this.innerHTML);//this代表被迭代的dom对象 //alert($(this).html());//$(this)代表被迭代的jquery对象 }); //alert($obj.eq(1).html());//eq(index):返回index+1位置处的jquery对象 alert($obj.index($obj.eq(1)));//index(obj):返回下标,其中obj可以是dom对象或者jquery对象。 var arr = $obj.get();//get():返回dom对象组成的数组 for(i = 0;i<arr.length;i++){//length:个数 alert(arr[i].innerHTML); } alert($obj.get(0).innerHTML);// get(index):返回index+1个dom对象。 }); }); </script>
html代码:
<ul> <li>one</li> <li>two</li> <li>three</li> </ul> <input type="button" value="click" id="b1" />
相关文章推荐
- jQuery操作数组的工具方法
- 在jquery中,遍历对象和数组,经常会用到$().each和$.each(),两个方法。两个方法是有区别的,从而这两个方法在针对不同的操作上,显示了各自的特点。 $().each,对于这个方法,在
- jQuery库-数组操作的工具方法-jQuery自己的方法-DOM导航-链接(撤回)
- jQuery 1.6 源码学习(六)——core.js[6]之jQuery对象/数组操作相关方法
- 基于jQuery中对数组进行操作的方法
- 基于jQuery中对数组进行操作的方法
- jquery中操作数组非常实用的方法
- jQuery select操作控制方法小结
- jquery对table表格操作(方法二)
- jQuery 文档操作 - append() 方法
- jQuery方法中具有破坏性操作几种方法汇总,弄明白这几种特殊的方法,再去看其他方法可以轻松许多
- jQuery中DOM树操作之使用反向插入方法实例分析
- 在JavaScript中操作数组之map()方法的使用
- 汇总常用的jQuery操作Table tr td方法
- jquery操作checkbox火狐下第二次无法勾选的解决方法
- Jquery 数组操作
- jQuery操作cookie方法实例教程
- JQuery操作iframe父页面与子页面的元素与方法
- jQuery 属性操作 - attr() 方法
- Jquery操作Json数组