jquery获得集合的某一项:
对于获取的元素集合,获取其中的某一项(通过索引指定)可以使用eq或get(n)方法或者索引号获取,要注意,eq返回的是jquery对象,而get (n)和索引返回的是dom元素对象。对于jquery对象只能使用jquery的方法,而dom对象只能使用dom的方法。
例子:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>获得集合的某一项</title>
<script type="text/javascript" src="jquery-core/jquery-1.8.0.js"></script>
<script type="text/javascript">
$(document).ready(function(){
alert("jquery使用eq函数获得集合中的某一项:"+$("p").eq(0).html()+
"\njs使用索引获得集合中的某一项:"+document.getElementsByTagName("p")[1].innerHTML+
"\njquery对象转换成DOM对象使用get函数获得集合中的某一项:"+$("p").get(2).innerHTML
);
});
</script>
</head>
<body>
<p>这是p1</p>
<p>这是p2</p>
<p>这是p3</p>
</body>
</html>
对于获取的元素集合,获取其中的某一项(通过索引指定)可以使用eq或get(n)方法或者索引号获取,要注意,eq返回的是jquery对象,而get (n)和索引返回的是dom元素对象。对于jquery对象只能使用jquery的方法,而dom对象只能使用dom的方法。
例子:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>获得集合的某一项</title>
<script type="text/javascript" src="jquery-core/jquery-1.8.0.js"></script>
<script type="text/javascript">
$(document).ready(function(){
alert("jquery使用eq函数获得集合中的某一项:"+$("p").eq(0).html()+
"\njs使用索引获得集合中的某一项:"+document.getElementsByTagName("p")[1].innerHTML+
"\njquery对象转换成DOM对象使用get函数获得集合中的某一项:"+$("p").get(2).innerHTML
);
});
</script>
</head>
<body>
<p>这是p1</p>
<p>这是p2</p>
<p>这是p3</p>
</body>
</html>