jQuery包装集和DOM对象是有区别的,jQuery包装集它一定是一个集合,是用jQuery的形式封装,不管它含有几个元素;而DOM对象一般是获取到的页面上某一个元素,比如说div、p等等,当然也可以获取一组DOM对象。
我们来看一个jQuery包装集:
$(‘#btn’) //这是一个jQuery包装集
上面的代码中虽然是以id的形式获取了一个包装集,并且它里面肯定只有一个元素,但是它也是一个集合。
我们来看一个DOM元素:
1 | document.getElementById(‘btn’) //这是一个DOM元素 |
虽然上面两段代码都获得了id为btn的元素,但是他们两个的形式是不一样的。
对于jQuery我可以使用$(‘#btn’).html(),而对于DOM元素可以使用document.getElementById(‘btn’).innerHTML,这两句话在效果上是等同的。
jQuery包装集和DOM对象可以相互转换
在jQuery中提供了一些方法将jQuery包装集转换为DOM对象,比如说类似数组的下标方式,如下代码:
1 2 | var btn=$(‘ #btn’); var dom=btn[0]; |
jQuery还提供了内置方法,来获得DOM对象,代码如下:
1 2 | var btn=$(‘ #btn’); var dom=btn.get(0); |
当然DOM对象也可以转换为jQuery包装集,其实也比较简单,就是用jQuery的符号$()把元素包装起来就可以了,代码如下:
1 2 | var dom=document.getElementById(‘btn’); var btnquery=$(dom); |
再次强调jQuery包装集和DOM对象并并不是一回事,这个概念要分清楚,它们有各自的api,虽然有相似但均不相同。
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· .NET Core 托管堆内存泄露/CPU异常的常见思路
· PostgreSQL 和 SQL Server 在统计信息维护中的关键差异
· DeepSeek “源神”启动!「GitHub 热点速览」
· 我与微信审核的“相爱相杀”看个人小程序副业
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· C# 集成 DeepSeek 模型实现 AI 私有化(本地部署与 API 调用教程)
· spring官宣接入deepseek,真的太香了~