当前位置：移动技术网 > IT编程>开发语言>Jquery > jQuery---jQuery对象与DOM对象的区别

jQuery---jQuery对象与DOM对象的区别

2020年01月15日 | 移动技术网IT编程 | 我要评论

jquery对象与dom对象的区别

1. dom对象：使用javascript中的方法获取页面中的元素返回的对象就是dom对象。
2. jquery对象：jquery对象就是使用jquery的方法获取页面中的元素返回的对象就是jquery对象。
3. jquery对象其实就是dom对象的包装集（包装了dom对象的集合（伪数组））
4. dom对象与jquery对象的方法不能混用。

5. 联系：

dom--> jquery $()

jquery--> dom $li[0] $li.get(0)

      //1. 什么是dom对象(js对象): 使用js的方式获取到的元素就是js对象（dom对象）
      var cloth = document.getelementbyid("cloth");
      cloth.style.backgroundcolor = "pink";

  <script>

    $(function () {

      //2. 什么是jq对象：使用jq的方式获取到的元素就是jq对象
      var $li = $("li");
      console.log($li);
      $li.text("我改了内容");

    });


  </script>

您可能感兴趣的文章:

如对本文有疑问，点击进行留言回复！！

jQuery操作DOM对象的方法

# jQuery操作DOM 和增删改查 - 1.html() ```js $('ul li&... [阅读全文]
jQuery的clone()方法和data()方法

# jQuery中的clone()和data()方法 - clone() ```js $('.demo').clon... [阅读全文]
jq使用jsonp实现百度搜索

项目实现：还原百度搜索功能；项目原理：利用json回调页面传参; 什么是jsonp：就是利用<script>标签的src地址，让目标页面回... [阅读全文]
5.jQuery实现简单的on()和trigger()方法

# jQuery事件 - 1.on() ```js //1.事件类型type 2.selector 3.data... [阅读全文]
电器类电商网站分类大菜单，配色超舒服~

效果图 <!DOCTYPE html> <html lang="en"> <he... [阅读全文]
现代都市风移动端可折叠导航菜单

效果图 <!DOCTYPE html> <html lang="en"> <he... [阅读全文]
jQuery选择器的简单实现和笔记

# 引入jQuery工具库 ## 下载地址 - cdn:http://www.jq22.com/cdn/#a2 -... [阅读全文]
jQuery简单实现get()和eq()方法

# jQuery选择元素 - get() 从jQuery对象中获取某个指定的元素，返回原生的dom对象，所以不能再次链式调... [阅读全文]
水平导航-三级导航-切换流畅

效果图 <!DOCTYPE html> <html lang="en"> <he... [阅读全文]
互联网公司常用水平导航（二级导航）

效果图 <!DOCTYPE html> <html lang="en"> <he... [阅读全文]

网友评论


验证码：

jQuery---jQuery对象与DOM对象的区别

2020年01月15日 | 移动技术网IT编程 | 我要评论

jquery对象与dom对象的区别

您可能感兴趣的文章:

相关文章:

网友评论