jQuery对象转换为DOM对象

时间:2023-03-08 19:57:29
jQuery对象转换为DOM对象

第一种方法:
借助数组下标来读取jQuery对象集合中的某个DOM元素对象。
<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
<script type ="text/javascript">
$(function () {
var $li = $("li"); //返回jQuery对象
var li = $li[1]; //返回DOM对象
alert(li.innerHTML);
})
</script>
<ul>
<li>列表 1</li>
<li>列表 2</li>
<li>列表 3</li>
</ul>
第二种方法:
借助jQuery对象的get()方法。为get()方法传递一个下标值,即可从jQuery对象中取出一个DOM对象元素。
<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
<script type ="text/javascript">
$(function () {
var $li = $("li"); //返回jQuery对象
var li = $li.get(0); //返回DOM对象
alert(li.innerHTML);
})
</script>
<ul>
<li>列表 1</li>
<li>列表 2</li>
<li>列表 3</li>
</ul>