Jquery对象和javascript对象相互转换

1. Javascript DOM 对象转成 JQuery 对象

对于已经是一个DOM对象,只需要用 ()DOMJQuery (DOM 对象)。

var testDom = document.getElementById("testId"); //DOM对象
var dom = $(testDom ); //jQuery 对象

转换后,就可以任意使用 JQuery 的方法。

2. JQuery 对象转成 DOM 对象

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

  1. JQuery 对象是一个数据对象,可以通过 [index] 的方法,来得到相应的 DOM 对象
var testDom = $("#testId"); //jQuery 对象
var dom = testDom [0]; //DOM 对象
alert(dom.checked); //检测这个checkbox是否被选中
  1. JQuery 本身提供,通过.get(index) 方法得到相应的 DOM 对象
var testDom = $("#testId"); //jQuery 对象
var dom = testDom.get[0]; //DOM 对象
alert(dom.checked); //检测这个checkbox是否被选中

通过以上方法,可以任意的相互转换 JQuery 对象和 Javascript DOM 对象,需要再强调的是: DOM 对象才能使用DOM 中的方法,JQuery 对象是不可以使用DOM中的方法。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值