jQuery对象和DOM对象

DOM对象

Dom对象，是我们用传统的方法(JavaScript)，获得的元素对象

jQuery对象

jQuery对象即是用jQuery类库的选择器获得的对象，jQuery对象就是通过jQuery包装DOM对象后产生的对象，它是jQuery独有的。如果一个对象是jQuery对象，那么就可以使用jQuery里的方法

注意：jQuery对象和dom对象是完全不一样的，两者的方法并不通用

jQuery对象和DOM对象互相转换

jQuery对象转换成DOM对象

因为jQuery对象返回的是一个伪数组，数组中的值就是获取到的每一个DOM对象

所以可以通过 [index]和get(index) 两种方法来获取其中的DOM元素

[index]方法

<ul>
    <li>one</li>
    <li>two</li>
    <li>three</li>
</ul>
<script>
    console.log($('li')[1]); // <li>two</li>
</script>

get(index)方法

<ul>
    <li>one</li>
    <li>two</li>
    <li>three</li>
</ul>
<script>
    console.log($('li').get(2)); // <li>three</li>
</script>

DOM对象转换成jQuery对象

对于一个dom对象来说，如果想要转换成jQuery对象，只需要用 $() 把dom对象包装起来，就可以获得一个jQuery对象

<ul id="list">
    <li>one</li>
    <li>two</li>
    <li>three</li>
</ul>
<script>
    // 获取dom对象
    const list = document.getElementById('list')
    console.log( $(list) ); // jQuery.fn.init [ul#list]
</script>