2.jQuery对象

目录

1  顶层对象 $

2  DOM对象与jQuery对象

3  DOM对象与jQuery对象的转换

3.1  DOM对象转换为jQuery对象

3.2  jQuery对象转换为DOM对象

---

1  顶层对象 $

$实际上是一个代替符号，代替的是jQuery，在这里我们不使用$符号，使用jQuery发现同样可以生效

• 在其他的库中有可能也同样适用了$符号，这个时候如果你还想使用jQuery，那么你应该使用jQuery代替$符号
• 如果使用jQuery依然与其他库发生冲突，可以使用 $.noConflict 自定义一个变量，具体使用方法可以看一下这个 https://blog.csdn.net/potato123232/article/details/127004631

在jQuery库中，jQuery对象是顶级对象，就像在JS中，顶级对象为window

2  DOM对象与jQuery对象

用DOM获取的对象就是DOM对象，用jQuery获取的对象就是jQuery对象

两者是不同的，DOM对象只能使用DOM的方法，jQuery对象只能使用jQuery的方法

3  DOM对象与jQuery对象的转换

3.1  DOM对象转换为jQuery对象

我们使用$就可以将DOM对象转换为jQuery对象

3.2  jQuery对象转换为DOM对象

我们先看一下jQuery对象，我现在有两个div，直接使用div查询会查询到两个div

这两个div会放到一个数组中

我们想找到第一个div，那么需要给一个索引0

索引的结果就是DOM对象

也可以这样给索引

效果相同