jQuery — jQuery 对象和 DOM 对象区分

一、什么是 DOM 对象

  DOM 对象

    1. 通过 getElementById()查询出来的标签对象是 Dom 对象
    2. 通过 getElementsByName()查询出来的标签对象是 Dom 对象
    3. 通过 getElementsByTagName()查询出来的标签对象是 Dom 对象
    4. 通过 createElement() 方法创建的对象, 是 Dom 对象


   总结:通过原生的 JavaScript 获取或创建的就是 DOM 对象,DOM 对象 Alert 出来的效果是: [object HTML 标签名 Element]

二、什么是 jQuery 对象

  jQuery 对象:

    1. 通过 JQuery 提供的 API 创建的对象, 是 JQuery 对象

    2. 通过 JQuery 提供的 API 创建的对象, 是 JQuery 对象

    3.  通过 JQuery 提供的 API 查询到的对象, 是 JQuery 对象

   总结:通过 jQuery 获取或创建的就是 jQuery 对象,jQuery 对象 Alert 出来的效果是: [object Object]

三、jQuery 对象的本质是什么

  jQuery 对象是 dom  对象的数组 + jQuery 提供的一系列的功能函数。

四、jQuery 对象和 DOM 对象使用区别

  jQuery 对象不能使用 DOM 对象的属性和方法
  DOM 对象也不能使用 jQuery 对象的属性和方法 

五、DOM 对象 和 jQuery 对象互转

  1、DOM 对象转化为 jQuery 对象

    ① 先获取 dom 对象;

    ② 使用核心函数 $(dom对象) 就可以转化为 jQuery 对象;

  2、jQuery 对象转化为 DOM 对象

    ① 先获取 jQuery 对象;

    ② jQuery 对象[下标] 取出相应的 dom 对象 或者 使用 jQuery对象.get(index) 方法取出相应的对象;

  

 

原文地址:https://www.cnblogs.com/niujifei/p/12394150.html