您的位置：首页 > Web前端 > JQuery

jQuery之类数组操作

2015-12-16 16:09 609 查看

jQuery之类数组操作

length属性:获得jQuery对象包含的dom对象的个数。

each(fn(i)) -- 循环遍历每一个元素，this代表正在被遍历的dom对象，i表示正在被遍历的对象的下标。

eq(index) -- 返回index位置处的jQuery对象

index(obj) -- 返回下标，其中obj可以是dom对象或者jQuery对象。

get() -- 返回dom对象组成的数组

get(index) -- 返回第index+1个dom对象。

代码示例：/jQuery01/WebRoot/array/a1.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>类数组的操作</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="../js/jquery-1.11.1.js"></script>
<script type="text/javascript">
$(function(){
$('#b1').click(function(){
/*
var $obj = $('ul li');
//alert($obj.length);  //3
//$obj.css('color','red');
//each:遍历
$obj.each(function(i){
//i:表示正在被遍历的节点的下标，从0开始
if(i==0){
//this:表示正在被遍历的那个dom对象
$(this).css('font-size','30px');
}else if(i==1){
$(this).css('color','red');
}else{
$(this).css('font-style','italic');
}
});
*/
/*
var $obj = $('ul li');
//eq(index):取下标对应处的dom对象，然后将其
//封装成一个jQuery对象。index从0开始。
var $obj2 = $obj.eq(1);
$obj2.css('color','blue');
*/
/*
var $obj = $('ul li');
var $obj2 = $obj.eq(1);
//index(obj)：返回节点在类数组中的下标，其中obj可以是dom
//对象或者jQuery对象。和eq方法相反。
var index = $obj.index($obj2);
alert(index);//1
*/
var $obj = $('ul li');
//get:获得一个dom对象组成的数组
//var arr = $obj.get();
//arr[2].innerHTML = 'hello';

//get(index):返回下标为index的dom对象。
var obj = $obj.get(1);
obj.innerHTML = 'hello';
});
});
</script>
</head>
<body>
<ul>
<li>item1</li>
<li>item2</li>
<li>item3</li>
</ul>
<input type="button" value="Click" id="b1">
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航