jQuery对象转换为DOM对象
2013-11-26 22:39
344 查看
第一种方法:
借助数组下标来读取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>
借助数组下标来读取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>
相关文章推荐
- jquery对象和DOM对象的任意相互转换
- jQuery对象和DOM对象的转换实例详解
- jQuery对象与DOM对象之间的转换方法
- 详解jQuery对象与DOM对象的相互转换
- jQuery对象与DOM对象之间的转换(转)
- jQuery对象和DOM对象之间的转换
- jQuery对象与DOM对象之间的转换
- Jquery对象与DOM对象的转换
- jQuery对象和DOM对象之间的转换实现
- jquery对象和DOM对象的相互转换
- 前台技术jQuery对象与dom对象的转换(前台面试)
- jQuery对象与DOM对象之间的转换方法
- jQuery对象与dom对象的转换
- jQuery对象与DOM对象之间的转换方法
- DOM对象和jQuery对象的相互转换
- DOM对象与jQuery对象的相互转换
- JavaScript 对象、DOM对象、jquery对象的区别、转换详解
- DOM对象和jQuery对象之间的相互转换
- document.getElementById()与 $(),DOM对象和jQuery对象的转换
- jQuery对象和DOM对象的转换