jQ对象与原生DOM的转换,区别,不同方法

对象,即Object, 有自己的属性方法,原生的对象我们可以直接使用它的一些属性和方法,但是jQuery中的对象有自己封装好的一系列函数,两者之间还是有一定的区别的,切记两者不能弄混淆了,不然会难受到怀疑人生滴...

先来了解一下概念,什么是原生DOM对象?

  • DOM 全称 Document Object Model, 即 文档对象模型

  • 任何一个标签/元素,都是一个DOM节点

  • 可以把我们的html代码看做是一棵树,也就是DOM树,自己想哈,想不粗来,怪我喽

  • 获取节点,使用 document对象下的getElement(s)ById/TagName/ClassName("XXX")方法;

举个栗子:
javascript中获取DOM节点,并使用javascript中定义的方法

    // 获取DOM对象;
    var obj = document.getElementById("idName");
    // 使用javascript中的innerHTML方法
    var objHtml = obj.innerHTML;


森么是jQuery对象?我确定我没在搞笑

jQ对象说白了,就是jquery中的一种写法,是jQ自己将原生DOM的进一步包装而已;

  • 其本质还是对象,只不过是通过jQuery包装DOM对象后产生的对象;

为什么要区分两者?

  • 原生DOM对象有自己的属性和方法,但是jQuery包装的DOM对象并不能使用原生DOM的方法;

  • jQuery对象是jQuery独有的。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、样式篇 第1章 初识jQuery (1)环境搭建 进入官方网站获取最新的版本 http://jquery.co...
    凛0_0阅读 3,443评论 0 44
  • DOM创建节点及节点属性 通过JavaScript可以很方便的获取DOM节点,从而进行一系列的DOM操作。但实际上...
    阿r阿r阅读 1,034评论 0 9
  • 1.几种基本数据类型?复杂数据类型?值类型和引用数据类型?堆栈数据结构? 基本数据类型:Undefined、Nul...
    极乐君阅读 5,574评论 0 106
  • 常常会想,人活着到底有什么意义。想的多了,偶尔便会走入极端:当你拼尽全力做到最大努力最大收获时,却发现你的终点还不...
    你会吐泡泡吗阅读 141评论 0 0
  • 2017.10.14 终于决定拔牙整牙了,先说一下本人今年24岁,牙齿长得又大,前面几排的牙齿有点外突现象,一直想...
    文华君阅读 624评论 0 0