目录
  1. 1. jQuery与DOM对象
    1. 1.1. DOM->jQuery
    2. 1.2. jQuery->DOM
    3. 1.3. 对比jQuery与DOM
jQuery对象和DOM对象互转的问题

jQuery与DOM对象

为什么要把DOM对象转jQuery对象,为什么又把jQuery对象转DOM对象?

  • DOM操作很麻烦(兼容,一个功能写好多代码)——>转jQuery对象,操作简单,不需要写兼容
  • jQuery操作中,有一些兼容没封装在jQuery中,转DOM对象,通过原生的js代码实现功能,如果后面都解决了,又想简单的写代码操作内容,再转回jQuery对象

DOM->jQuery

//DOM对象
var btnObj = document.getElementById("btn");
//转换为jQuery对象,调用jq方法
$(btnObj).click(function () {
console.log("哈哈,我使用了jq魔法");
});

jQuery->DOM

//jQuery对象
var btnObj2=$("#btn");
//转换为DOM对象,调用DOM方法
btnObj2[0].onclick=function () {
console.log("哈哈,我又变回DOM了");
};

对比jQuery与DOM

console.log(btnObj1==btnObj2);	//	false
console.log(btnObj1==btnObj2[0]); // true
console.log($(btnObj1) == btnObj2); // false
文章作者: Jachie Xie
文章链接: https://xjc5772.github.io/2020-07/26/%E5%AD%A6%E4%B9%A0/%E5%89%8D%E7%AB%AF%E5%AD%A6%E4%B9%A0/JQ/jQuery%E5%AF%B9%E8%B1%A1%E5%92%8CDOM%E5%AF%B9%E8%B1%A1%E4%BA%92%E8%BD%AC%E7%9A%84%E9%97%AE%E9%A2%98/
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 XJC&Blog
打赏
  • 微信
  • 支付宝

评论