Dom对象与jQuery对象的相互转换

  1. Dom对象
      DOM解析HTML页面,将页面元素解释为元素节点、属性节点和文本节点。而通过DOM解析HTML页面元素,所得到的DOM元素就是DOM对象。
      DOM对象可以使用JavaScript中的方法。

  2. jQuery对象
      (1) jQuery对象就是通过jQuery包装DOM对象后产生的对象。
      (2) jQuery 对象是 jQuery 独有的。
      (3) 虽然jQuery对象是包装DOM对象后产生的,但是jQuery无法使用DOM对象的任何方法,同理DOM对象也不能使用jQuery里的方法。

  3. Dom对象转换为jQuery对象
      对于已经是一个DOM对象,只需把DOM对象包装起来,就可以获得一个jQuery对象了。$(DOM对象)

var div3=document.querySelector("#div3");
var $div3=$(div3);
$div3.html(333);

转换后就可以使用 jQuery 中的方法了

  1. jQuery对象转换为Dom对象
      (1) jQuery对象是一个类数组对象,可以通过[index]的方法,来得到相应的DOM对象
      (2) jQuery本身提供,通过.get(index)方法,得到相应的DOM对象
//方式一转换为Dom对象
var div1=$("div")[0]; 
div1.innerHTML=111;
//方式二转换为Dom对象
var div2=$("div").get(1);  //转换为Dom对象
div2.innerHTML=222;
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

刘Java

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值