jQuery对象和DOM对象的区别

jQuery对象和DOM对象的区别

1.它们的不同

DOM对象就是我们用JavaScript获得的对象,jQuery对象是用jQuery的选择器获得的对象,例如:

var  obj=document.getElementById("id");//DOM对象
var  $obj=$("#id");//jQuery对象

jQuery对象就是通过jQuery包装DOM对象后产生的对象。jQuery对象只能用jQuery的方法,比如.html()等,不能用DOM对象的方法,$("#id").html()就不对。

2.它们的转换

虽然两种对象不能使用对方的方法,但是它们可以互相转换。
(1)jQuery对象装换为DOM对象
有两种方法将一个jQuery对象转换成DOM对象,即[index]和get(index).

var $a=$("#a");//jQuery对象
var a=$a[0];//DOM对象
var $a=$("#a");//jQuery对象
var a=$a.get(0);//DOM对象

(2)DOM对象转换为jQuery对象
对于一个dom对象,用$()把DOM对象包装起来就是一个jQuery对象。

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

推荐阅读更多精彩内容

  • 一直以来对于通过jQuery方式获取的对象使不能直接使用JavaScript的一些方法的,开始的时候不理解,现在此...
    开车去环游世界阅读 5,049评论 3 0
  • 一、样式篇 第1章 初识jQuery (1)环境搭建 进入官方网站获取最新的版本 http://jquery.co...
    凛0_0阅读 8,796评论 0 44
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 4,897评论 0 1
  • 对于jQuery的初学者来说,经常分辨不清DOM对象和jQuery对象,本文简单说明两者的区别和两种对象相互转换的...
    超玉阅读 3,526评论 0 4
  • 1. OSI 七层模型 OSI(Open System Interconnection,开放系统互连)七层网络模型...
    黄露hl阅读 9,671评论 0 0