JavaScript对象与jQuery对象以及DOM对象

今天说一下JavaScript对象与jQuery对象和DOM对象的区别和转换,前面已经见过JavaScript对象的创建,但还是要重提

var variable =                     //这是一个JavaScript对象

var $variable = $()             //这就是个jQuery对象

var variable = document.get...                   //这是一个DOM对象,方法包括getElementById( ),getElementByTagName( )...

那么再讲一下他们之间的转换:

jQuery与JavaScript对象之间的转换

jQuery与DOM对象之间的转换

jQuery定义DOM节点就是先调用DOM的方法,然后在转换成jQuery对象

var $li = $("<li></li>")       与下面这个相等

var $li = $(document.createElement("li"))

好了这就差不多了。

那么问题在脑海中产生了,那么DOM对象与JavaScript对象之间的转换呢? ? ? ? ? ? ?

那就要先说说DOM是干什么的。。。

下面先来个w3定义的:

网址是:http://www.w3.org/TR/DOM-Level-2-Core/introduction.html

不懂英语的查下字典吧。。。,它说DOM只是一个HTML和XML的应用程序接口,它是用来操作节点(元素节点,文本节点),并不是一门语言,就类似json,它只是一个工具。

我认为:

  它就是通过提供的方法查找到匹配的元素,然后返回一个对应对象,一般情况下,像document.getElementById()返回的是个对象,而document.getElementByTagName(),document.getElementByName()返回的都是一个数组,数组里装的还是对象。不同语言平台都可用它,哪种语言用它,返回到哪种语言里面,它就是哪种语言的对象。

时间: 2024-08-02 15:13:34

JavaScript对象与jQuery对象以及DOM对象的相关文章

jQuery 将选中的对象转化为原始的DOM对象

在jQuery中,在一个页面上选择元素返回的集合是jQuery对象而不是原始的DOM对象. 所以只能运行jQuery方法. 如果要在选择集上运行DOM方法和属性,该集合必须转化为DOM对象 比如你不可以这样使用: $('div').innerHTML = "hello world"; 因为innerHTML是 DOM的属性而不是jQuery对象的属性.如果确实想这么做.那么就需要将jQuery对象转化为DOM对象.方法有两种. ①jQuery提供一种核心方法get(),所以上面的可以写

jQuery入门和DOM对象

jQuery入门和DOM对象 1.开发准备 1. 下载的版本: jquery-3.3.1.min.js :压缩版,发布版84.8KB jquery-3.3.1.js :常规版,开发版265KB 2. 开发工具: ? hbuilder webstrom(推荐) dreamweaver idea ? notepad++ 3. 使用: ? 引入jQuery html中 如果出错,不提示! 如果调试工具(F12)没有错误提示,但显示效果不一致,考虑html错误 常见错误: 引入js库时 必须是 <scr

JavaScript强化教程——JQuery中的DOM编程

本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 --JQuery中的DOM编程 JavaScript强化教程--JQuery中的DOM编程 本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 --JQuery中的DOM编程 DOM编程 ---------------------------- js中DOM编程   创建一个标签对象     var p=document.createElement("p"

前端学习——选择结果为JQuery对象还是DOM对象?

0.前言 在学习和使用javascript过程中经常使用JQuery的选择器,但是在获取到选择结果之后经常"犯迷糊",需要一个DOM对象时或者一个JQuery对象,这样的尴尬经常遇到.为了让自己不再迷糊通过博文总结经验教训,希望自己在总结过程中缓慢提高. [相关博文] [前端学习--如何修改<a href="#">url name</a> 使用javascript和JQuery] [示例页面]--test-ul.html <!DOCTY

JavaScript DOM对象和JQuery对象相互转换

1.分析源码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="C

【JQuery】jquery对象和javascript对象即DOM对象相互转换

jQuery 对象是通过 jQuery 包装DOM 对象后产生的对象.jQuery 对象是 jQuery 独有的,其可以使用 jQuery 里的方法,但是不能使用 DOM 的方法:例如: $("#img").attr("src","test.jpg"); 这里的 $("#img")就是 jQuery 对象. DOM对象就是Javascript 固有的一些对象操作.DOM 对象能使用Javascript 固有的方法,但是不能使用

jquery对象和javascript的dom对象转换

Jquery框架为jquery对象定义了独立使用的方法和属性,它无法直接调用dom对象的方法,dom对象也无法直接调用jquery对象的方法和属性. Jquery对象和dom对象是可以相互转换的,因为他们所操作的对象都是dom元素,只不过jquery对象包含了多个dom元素,而dom对象本身就是一个dom元素,简单地说,jquery对象是dom元素的数组,称为类数组,而dom对象就是单个的dom元素. 1.把jquery对象转换成dom对象 (1)借助数组下标来读取jquery对象集合中的某个d

jquery对象和javascript对象即DOM对象相互转换

1. DOM 对象转成 jQuery 对象对于已经是一个 DOM 对象,只需要用 $() 把DOM对象包装起来,就可以获得一个 jQuery 对象了,$(DOM 对象) 注: var是定义变量如: var v = document.getElementById("v"); //DOM对象var $v = $(v); //jQuery 对象转换后,就可以任意使用 jQuery 的方法.2. jQuery 对象转成 DOM 对象两种转换方式讲一个 jQuery 对象转换成 DOM 对象:

jQuery DOM对象区别与联系

对两种对象类型的定义,只要能理解并转换成自己的说法就可以,不用死板按照资料所写 jQuery对象(jq对象)其实就是通过jquery类库选择器获得的对象(或者说是通过$获取的对象或者说是通过jquery包装dom对象后产生的对象(可参照下面的对象转换理解)): jquery对象是jquery独有,可以使用jquery里面的方法,但不能使用dom的方法: 示例: $("#img").attr("src", "test.jpg");其中$("

jQuery对象与DOM对象转换

原文链接 http://www.cnblogs.com/ouyangping/p/6439939.html jQuery对象与DOM对象是不一样的 通过一个简单的例子,简单区分下jQuery对象与DOM对象: <p id="imooc"></p> 我们要获取页面上这个id为imooc的div元素,然后给这个文本节点增加一段文字:"hello,world",并且让文字颜色变成红色. 通过标准JavaScript处理: var p = docum