Dom原生对象和jQuery对象互相转换

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

联系:

1、jQuery对象:通过jQuery包装DOM对象后产生的对象;

2、两者之间可以相互转换;

区别:

1、jquery选择器得到的jquery对象和标准的 javascript中的document.getElementById()取得的dom对象是两种不同的对象类型,两者不等价;

2、jQuery无法使用DOM对象的任何方法,同理DOM对象也不能使用jQuery里的方法. 乱使用会报错。

例如:

$("#id").html();

document.getElementById("id").innerHTML;

意思是指:获取ID为id的元素内的html代码。这两段代码结果相同,但中间的取值过程不同。

即:$("#id").innerHTML、document.getElementById("id").html()之类的写法都是错误的。

相互转换:

jQuery对象转成DOM对象---两种转换方式:[index]和.get(index)

1、jQuery对象是一个数据对象,通过[index]的方法

如:var $v = $("#v") ; //jQuery对象

var v = $v[0]; //DOM对象

alert(v.checked) //检测这个checkbox是否被选中

2、jQuery本身提供,通过.get(index)方法

如:var $v = $("#v"); //jQuery对象

var v = $v.get(0); //DOM对象

alert(v.checked) //检测这个checkbox是否被选中

DOM对象转成jQuery对象:

对于DOM对象,只需用$()把DOM对象包装起来,就可得到jQuery对象

如:var v=document.getElementById("v"); //DOM对象

var $v=$(v); //jQuery对象

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

推荐阅读更多精彩内容

  • 对于jQuery的初学者来说,经常分辨不清DOM对象和jQuery对象,本文简单说明两者的区别和两种对象相互转换的...
    超玉阅读 3,529评论 0 4
  • 一、样式篇 第1章 初识jQuery (1)环境搭建 进入官方网站获取最新的版本 http://jquery.co...
    凛0_0阅读 8,811评论 0 44
  • 廖雪峰 runoob github 知乎回答练手项目 Python学习路线 虫师 有哪些网站用爬虫爬取能得到很有价...
    DDY阅读 3,663评论 0 0
  • ​▎车联网、电商和传统制造业,看上去是那么不同,但在供应链管理上,面临的根本问题却非常一致。电商的“两头难”、车联...
    华商智造阅读 3,421评论 0 0
  • 我最近几月凌乱中,9月失眠一月好不好,十月20日又开始失眠到现在。现在是11月21日。
    猪_170a阅读 871评论 0 0