jQuery对象、DOM对象

本文介绍了jQuery对象与DOM对象的区别及互相转换的方法。jQuery对象可通过[index]或.get(index)转换为DOM对象,而DOM对象只需用$()包裹即可转换为jQuery对象。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

jQuery对象 :通过jQuery包装DOM对象后产生的对象。
(1)jQuery对象是jQuery独有的,可以使用jQuery里面的方法。
比如:我要获取ID为"test"的元素内的html,在jQuery里面就是:$("test").html();
等同于 document.getElementById("id").innerHTML;
(2)虽然jQuery对象是包装DOM对象后产生的,但是jQuery无法使用DOM对象的任何方法,同理DOM对象也不能使用jQuery里的方法。
比如: $("#test").innerHTML、document.getElementById("id").html() 写法是错的。
jQuery对象转成DOM对象 :两种转换方式
(1)若jQuery对象是一个数据对象,可以通过[index]的方法,来得到相应的DOM对象。
比如:var a = $("#test"); //a 是一个jQuery对象
var b = a[0]; //b是一个DOM对象
(2)由jQuery自身提供,通过.get(index)方法,得到相应的DOM对象。
比如:var a = $("#test");
var b = a.get(0);
DOM对象转成jQuery对象
如果已经是一个DOM对象了,只需要用$()把DOM对象包装起来,就可以获得一个jQuery对象 。转换后,就可以任意使用jQuery的方法 。
比如:var a = document.getElementById("test"); //DOM对象
var b = $(a); //jQuery对象
特别注意:jQuery 和 DOM对象 不能交叉使用各自的方法,需要转换。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值