文档章节

DOM对象和js对象以及jQuery对象的区别

wc_飞豆
 wc_飞豆
发布于 2018/09/17 09:51
字数 758
阅读 28
收藏 4

DOM对象和js对象以及jQuery对象的区别

一、DOM对象

文档对象模型简称DOM,是W3C组织推荐的处理可扩展置标语言的标准编程接口。

  1. DOM实际上是以面向对象方式描述的文档模型。DOM定义了表示和修改文档所需的对象、这些对象的行为和属性以及这些对象之间的关系。
  2. 通过DOM,可以访问所有的 HTML 元素,连同它们所包含的文本和属性。可以对其中的内容进行修改和删除,同时也可以创建新的元素。 HTML
  3. DOM 独立于平台和编程语言。它可被任何编程语言诸如 Java、JavaScript 和 VBScript 使用。
  4. DOM对象,即是我们用传统的方法(javascript)获得的对象。
  5. DOM准确说是对文档对象的一种规范标准(文档对象模型),标准只定义了属性和方法行为。

    二、JavaScript 对象

    1. JavaScript 提供多个内建对象,比如 String、Date、Array 等等。
    2. 对象只是带有属性和方法的特殊数据类型。
    3. 通过js获取的DOM对象就是js对象
    4. 当浏览器支持js的dom接口(api)时,这里狭义的dom对象是以js对象的形式出现的,也就是一个js对象

    三、jQuery对象

    1. jQuery对象其实是一个JavaScript的数组,这个数组对象包含125个方法和4个属性 
      4个属性分别是

      • jquery 当前的jquery框架版本号
      • length 指示该数组对象的元素个数 .
      • context 一般情况下都是指向HtmlDocument对象 .
      • selector 传递进来的选择器内容

      jquery对象就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的,其可以使用jQuery里的方法,但是不能使用DOM的方法;反过来Dom对象也不能使用jquery的方法

    2. jQuery对象和js对象区别:
      1.jQuery对象属于js的数组;
      2.jQuery对象是通过jQuery包装的DOM对象后产生的;
      3.jQuery对象不能使用DOM对象的方法和属性
      4.DOM对象不能使用jQuery对象的方法和属性

    3. jQuery对象和js对象之间的相互转换

                     1) js转jQuery对象:

                              $(js对象)

                     2)jQuery对象转js对象

                        示例:

                       var doc2=$("#idDoc2")[0];

                       //转换jQuery对象为DOM对象

                       doc2.innerHTML="这是jQuery的第一个DOM对象"

                       //使用jQuery对象本身提供的get函数来返回指定集合位置的DOM对象

                       var doc2=$("#idDoc2").get(0);

                       doc2.innerHTML="这是jQuery的第二个DOM对象"       

本文转载自:https://www.cnblogs.com/Ellen-study/p/7242245.html

wc_飞豆
粉丝 3
博文 34
码字总数 1240
作品 0
潍坊
私信 提问
JS对象与Dom对象与jQuery对象之间的区别

前言 通过问题看本质: 举例: js的写法:document.getElementById('save').disabled=true; 在jquery中我是这样写的 分析: 其实因为$("#save")出来的其实是jQuery对象,而不是普通DOM对象 解......

苦水润喉
2018/08/16
0
0
【jQuery】-----jQuery简介(一)

query在线api文档:http://t.mb5u.com/jquery/ 最新的api文档:http://api.jquery.com 官方网站:http://www.ycku.com 北风网网址:http://www.ibeifeng.com 一.什么是jQuery 1、 什么是DOM...

LYQ1990
2016/06/03
0
0
从零开始学 Web 之 jQuery(一)jQuery的概念,页面加载事件

大家好,这里是「 从零开始学 Web 系列教程 」,并在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公众号:Web前端之巅 博客园:http://www.cnblogs.com/lvonve/ CSDN...

fengdaoting
2018/07/04
0
0
学习jQuery首先要了解的概念

1.jQuery:是js的一个高级的封装库,它有强大易用的选择器,隐形的迭代,出色的DOM对象封装,等等 2.DOM对象与jQuery对象:xml中标签的层次构成树形,每个节点标签都是一个DOM对象,可以用j...

沉默狮
2014/12/15
0
0
JavaScript 学习(2)

参考: http://www.w3cschool.cc/js/js-window.html 四、浏览器 BOM 浏览器对象模型(BOM)使JavaScript有能力与浏览器“对话”。 (1)Window 浏览器对象模型(Browser Object Model),尚无...

明天以后
2014/10/01
0
0

没有更多内容

加载失败,请刷新页面

加载更多

OSChina 周二乱弹 —— 你一辈子都不可能跟她这么亲近

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @tom_tdhzz :#今日歌曲推荐# 分享George Benson的单曲《Six Play》: 《Six Play》- George Benson 手机党少年们想听歌,请使劲儿戳(这里) ...

小小编辑
47分钟前
332
8
优雅的关闭Spring Boot

优雅的关闭Spring Boot 1、实现 TomcatConnectorCustomizer 接口拿到Tomcat的连接获取 Tomcat连接池 2、实现 ApplicationListener<ContextClosedEvent> 监听服务器关闭事件,注册JVM钩子函数...

sowhat
今天
2
0
Python3-Web开发

简介 Web开发框架 什么是Web框架? Web应用程序框架或简单的Web框架表示一组库和模块,使Web应用程序开发人员能够编写应用程序,而不必担心协议,线程管理等低级细节。 virtualenv是一个虚拟...

wuxinshui
今天
6
0
使用技媒体实践编写发布博客

技媒体实践博客 CSDN OSChina 知乎 简书 思否 掘金 51CTO

晨猫
今天
4
0
Lucene

1、什么是全文检索 数据分类 我们生活中的数据总体分为两种:结构化数据和非结构化数据。 结构化数据:指具有固定格式或有限长度的数据,如数据库,元数据等。 非结构化数据:指不定长或无固...

榴莲黑芝麻糊
昨天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部