jQuery系列之jQuery对象


1、jQuery 对象和 DOM 对象

使用 jQuery 方法和原生 JS 获取的元素是不一样的,总结如下 :

  1. 用原生 JS 获取来的对象就是 DOM 对象;
  2. jQuery 方法获取的元素就是 jQuery 对象;
  3. jQuery 对象本质是:利用$对 DOM 对象包装后产生的对象(伪数组形式存储);

注意:只有 jQuery 对象才能使用 jQuery 方法,DOM 对象则使用原生的 JavaScirpt 方法。

在这里插入图片描述

2、jQuery 对象和 DOM 对象转换

DOM 对象与 jQuery 对象之间是可以相互转换的。因为原生 js 比 jQuery 更大,原生的一些属性和方法 jQuery 没有给我们封装。要想使用这些属性和方法需要把 jQuery 对象转换为 DOM 对象才能使用。

// 1.DOM对象转换成jQuery对象,方法只有一种
var box = document.getElementById("box"); // 获取DOM对象
var jQueryObject = $(box); // 把DOM对象转换为 jQuery 对象

// 2.jQuery 对象转换为 DOM 对象有两种方法:
//   2.1 jQuery对象[索引值]
var domObject1 = $("div")[0];

//   2.2 jQuery对象.get(索引值)
var domObject2 = $("div").get(0);

总结:实际开发比较常用的是把 DOM 对象转换为 jQuery 对象,这样能够调用功能更加强大的 jQuery 中的方法。


后记

如果你感觉文章不咋地//(ㄒoㄒ)//,就在评论处留言,作者继续改进;o_O???
如果你觉得该文章有一点点用处,可以给作者点个赞;\\*^o^*//
如果你想要和作者一起进步,可以微信扫描二维码,关注前端老L~~~///(^v^)\\\~~~
谢谢各位读者们啦(^_^)∠※!!!

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_62277266/article/details/126322000