DOM对象 与 jQuery对象 之间的相互装换

示例代码:

 1 //jQuery对象转DOM对象
 2 //因为jQuery对象是一个数组对象,所以转换为DOM对象时要用索引的形式
 3 var $div1 = $("#div1"); //jQuery对象
 4 var div1 = $div1[0]; //转换为了DOM对象
 5 var div2 = $div1.get(0); //和上面一行效果一样
 6 div1.innerHTML = "xxx2016";
 7
 8 //DOM对象转jQuery对象
 9 //DOM对象转jQuery只需用$包装即可
10 var div1 = document.getElementById("div1");
11 var $div1 = $(div1); //转换为了jQuery对象
12 $div1.html("xxx2016");
时间: 2024-08-02 12:27:02

DOM对象 与 jQuery对象 之间的相互装换的相关文章

2、8、10、16进制之间的相互装换

十进制数字175  可以写成: 175=5*100+7*101+1*102(从低位到高位依次乘以进制的n-1次方的和) 同理我们可以得到二进制转换十进制的方法: ♥二进制转换十进制 100101=1*20+0*21+1*22+0*23+0*24+1*25=37 也就是说100101的十进制数字就是37 ♦简单方法(对应法) 第八位 第七位 第六位 第五位 第四位 第三位 第二位 第一位 27 26 25 24 23 22 21 20 128 64 32 16 8 4 2 1 ♥十进制转换二进制

认识JQuery,JQuery的优势、语法、多库冲突、JS原生对象和JQuery对象之间相互转换和DOM操作,常用的方法

(一)认识JQuery  JQuery是一个JavaScript库,它通过封装原生的JavaScript函数得到一套定义好的方法    JQuery的主旨:以更少的代码,实现更多的功能 (二)JQuery的优势 1)可以像CSS一样访问和操作DOM 2)修改CSS控制页面外观 3)简化JS代码操作 4)事件代理更加容易 5)动画效果使用方便 6) Ajax技术更加完美 7)大量的基于Jquery的插件 8)可以自定义扩展功能插件 (三)JQuery的语法 格式:$(selector).actio

JS对象与Dom对象与jQuery对象之间的区别

通过问题看本质:举例:js的写法:document.getElementById('save').disabled=true;在jquery中我是这样写的 $("#save").disabled = true; //没有效果 分析:其实因为$("#save")出来的其实是jQuery对象,而不是普通DOM对象解决方法:1)用JQ写法 $("#save").attr("disabled","true"); 2

Js - Dom原生对象和jQuery对象的联系、区别、相互转换

Dom原生对象和jQuery对象的联系.区别.相互转换: 联系: 1.jQuery对象:通过jQuery包装DOM对象后产生的对象: 2.两者之间可以相互转换:区别: 1.jquery选择器得到的jquery对象和标准的 javascript中的document.getElementById()取得的dom对象是两种不同的对象类型,两者不等价: 2.jQuery无法使用DOM对象的任何方法,同理DOM对象也不能使用jQuery里的方法. 乱使用会报错. 例如: $("#id").htm

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

一.DOM对象 文档对象模型简称DOM,是W3C组织推荐的处理可扩展置标语言的标准编程接口. DOM实际上是以面向对象方式描述的文档模型.DOM定义了表示和修改文档所需的对象.这些对象的行为和属性以及这些对象之间的关系. 通过DOM,可以访问所有的 HTML 元素,连同它们所包含的文本和属性.可以对其中的内容进行修改和删除,同时也可以创建新的元素. HTML DOM 独立于平台和编程语言.它可被任何编程语言诸如 Java.JavaScript 和 VBScript 使用. DOM对象,即是我们用

DOM对象与jquery对象有什么不同

jQuery对象和DOM对象使用说明,需要的朋友可以参考下. 1.jQuery对象和DOM对象 第一次学习jQuery,经常分辨不清哪些是jQuery对象,哪些是 DOM对象,因此需要重点了解jQuery对象和DOM对象以及它们之间的关系.DOM对象,即是我们用传统的方法(javascript)获得的对象,jQuery对象即是用jQuery类库的选择器获得的对象;代码如下: 1 var domObj = document.getElementById("id"); //DOM对象 2

DOM对象和jQuery对象的相互转换

在学习jQuery的时候,有时候总是把DOM对象和jQuery对象弄混,用DOM对象去调用jQuery对象的方法,用jQuery对象的方法去调用DOM对象的方法,这是不可以的.其实这两种东西可以进行相互的转换,在使用的时候可以搭配使用.转换的过程十分的简单. 1.DOM对象转换为jQuery对象 对于一个DOM对象来说,要把它转换成jQuery对象只需要给DOM对象前加上$符号即可. 格式:$(DOM对象) 代码示例: var obj = document.getElementById("tex

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

今天说一下JavaScript对象与jQuery对象和DOM对象的区别和转换,前面已经见过JavaScript对象的创建,但还是要重提 var variable =                     //这是一个JavaScript对象 var $variable = $()             //这就是个jQuery对象 var variable = document.get...                   //这是一个DOM对象,方法包括getElementById(

DOM对象和Jquery对象区别(转)

来源:http://www.cnblogs.com/yellowapplemylove/archive/2011/04/19/2021583.html 感谢作者分享 jQuery对象和DOM对象使用说明,需要的朋友可以参考下.1.jQuery对象和DOM对象第一次学习jQuery,经常分辨不清哪些是jQuery对象,哪些是 DOM对象,因此需要重点了解jQuery对象和DOM对象以及它们之间的关系.DOM对象,即是我们用传统的方法(javascript)获得的对象,jQuery对象即是用jQue