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;

猜你喜欢

转载自blog.csdn.net/weixin_43767015/article/details/88884420