JQuery与DOM相互转换

本文介绍了如何在jQuery中将jQuery对象转换为DOM对象的方法,并展示了如何将DOM对象转化为jQuery对象的过程。此外,还讨论了使用.eq()方法获取jQuery对象及遍历DOM对象的方式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

两种转换方式将一个jQuery对象转换成DOM对象:[index]和.get(index);

var $v =$("#v") ; //jQuery对象
var v=$v[0]; //DOM对象
alert(v.checked) //检测这个checkbox是否被选中

var $v=$("#v"); //jQuery对象
var v=$v.get(0); //DOM对象

对于已经是一个DOM对象,只需要用$()把DOM对象包装起来,就可以获得一个jQuery对象了

var v=document.getElementById("v"); //DOM对象
var $v=$(v); //jQuery对象

使用eq方法获得Jquery对象,那么获得此对象的HTML内容需要使用Jquery的html()方法

var $obj = $("li").eq(0);  
console.log($obj);  
console.log($obj.html());            

each遍历的item为DOM对象而不是Jquery对象

$("li").each(function(index,item){  
    console.log(item);                  // item为DOM对象  
    console.log(item.innerHTML);     
});  
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值