【Jquery对象】jquery与dom对象的区别

栏目: jQuery · 发布时间: 5年前

内容简介:最近工作有很多判断的代码,用到了jquery与dom对象的地方比较多,写在这里加强下基本概念:1.判断是否存在时候,要用dom对象,因为jQuery在获得对象的时候,无论要获得的对象是否存在,都会返回jQuery对象2.jquery对象与dom对象的转换:

最近工作有很多判断的代码,用到了jquery与dom对象的地方比较多,写在这里加强下基本概念:

1.判断是否存在时候,要用dom对象,因为jQuery在获得对象的时候,无论要获得的对象是否存在,都会返回jQuery对象

2.jquery对象与dom对象的转换:

jQuery对象就是通过jQuery包装DOM对象后产生的对象(集合对象)。jQuery对象是jQuery独有的,可以使用jQuery里的方法。

因此jQuery对象和DOM对象是不一样的,不能调用对方定义的方法。所以$(‘#test’).innerHTML会报错,document.getElementById(‘#test’)[0].html()也会报错。

普通的DOM对象可以用$()包装起来转换为jQuery对象:

$(document.getElementById(‘#test’)).html();//正常

jQuery对象jquery对象本身是一个集合,要转换为DOM对象,可通过数组索引取出:

第一种方式:$(‘#test’)[0]

第二种方式:$(‘#test’).get(0)

注: eq(0)返回的还是jQuery对象,eq(0)[0]是DOM对象。


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

科技之巅

科技之巅

麻省理工科技评论 / 人民邮电出版社 / 2016-10-1 / CNY 98.00

《麻省理工科技评论》从2001年开始,每年都会公布“10大突破技术”,即TR10(Technology Review 10),并预测其大规模商业化的潜力,以及对人类生活和社会的重大影响。 这些技术代表了当前世界科技的发展前沿和未来发展方向,集中反映了近年来世界科技发展的新特点和新趋势,将引领面向未来的研究方向。其中许多技术已经走向市场,主导着产业技术的发展,极大地推动了经济社会发展和科技创新......一起来看看 《科技之巅》 这本书的介绍吧!

CSS 压缩/解压工具
CSS 压缩/解压工具

在线压缩/解压 CSS 代码

图片转BASE64编码
图片转BASE64编码

在线图片转Base64编码工具

XML 在线格式化
XML 在线格式化

在线 XML 格式化压缩工具