关于jQuery对象与DOM对象
今天遇到了关于jQuery对象与dom对象的区分问题。具体如下:对于元素<span id="aa" class="aa">hyz</span>在jquery环境下给该元素绑定事件。对于以下几种方法:
1.$('#aa').click();
2.$('.aa')[0].click();
3.$('.aa:eq(0)').click();
对于第一种方法,$('#aa')获取的是一个jQuery对象,故可以使用jQuery的click方法;
对于第二种方法,这是错误的。$('.aa')获取的是一个jQuery对象数组,$('.aa')[0]是一个dom对象,故不能使用jQuery的方法(包括click),而要把这个dom对象转换成jQuery对象,则需要这样写:$($('.aa')[0]).click();
对于第三种方法,$('.aa:eq(0)')是一个jQuery对象,原因是使用jQuery选择器获取的对象。
注意:jQuery对象只能用jQuery方法,dom对象只能用dom方法。例如:$('#aa').innerHTML这样的写法是错误的。
数组中jQuery对象与dom对象的转化问题:
var aa = $('.aa');//这是一个jQuery对象的数组,即是一个数组对象
var aa1 = aa[0];//这是一个dom对象
aa1 = aa.get(0);//这是一个dom对象
aa = $('#aa');//这是一个jQuery对象
详细参考资料请点击这里http://www.cnblogs.com/yellowapplemylove/archive/2011/04/19/2021583.html
转载于:https://www.cnblogs.com/joyho/p/3205809.html
关于jQuery对象与DOM对象相关推荐
- jQuery对象和DOM对象使用说明
1.jQuery对象和DOM对象第一次学习jQuery,经常分辨不清哪些是jQuery对象,哪些是 DOM对象,因此需要重点了解jQuery对象和DOM对象以及它们之间的关系.DOM对象,即是我们用传 ...
- jquery对象PHP转换,jquery对象和DOM对象如何相互转换?
本篇文章给大家介绍一下jquery对象和DOM对象的转换,有需要的朋友可以参考一下,希望对你有所帮助. 我们在上一篇文章jquery对象和DOM对象的区别有哪些?中也简单介绍了关于jquery对象和D ...
- jQuery对象与DOM对象的相互转化
jQuery对象转化成DOM对象 (1)jQuery对象是一个数据对象,可以通过[index]的方法,来得到相应的DOM对象. (2)jQuery本身提供,通过.get(index)方法,得到相应的D ...
- jquery对象PHP转换,jQuery对象与DOM对象转换方法详解_jquery
本文实例分析了jQuery对象与DOM对象的转换方法.分享给大家供大家参考,具体如下: jQuery对象转换为dom对象 只有jQuery对象才能调用jQuery类库的各种函数,同样有些dom对象的属 ...
- 详解jQuery对象与DOM对象的相互转换
一直以来对于通过jQuery方式获取的对象,却不能直接使用JavaScript的方法很不理解,现在知道,原来jQuery获得的对象并不和我们平时使用getElementById获得的对象一样.所以一些 ...
- jquery对象和Dom对象的不同
起因是因为我在写一个for循环的时候,trtext获取不到. var ttr=$("#tabFiles tr"); for(var i=0;i<ttr.lenght;i++) ...
- jquery学习手记(2)jQuery对象和DOM对象相互转换
DOM对象 DOM文档对象模型,每一份DOM都可以表示成一棵树. 可以通过js中的getElementById或者getElementById来获取DOM对象. DOM对象可以使用js中的方法. 示例 ...
- JS对象与Dom对象与jQuery对象之间的区别
前言 通过问题看本质: 举例: js的写法:document.getElementById('save').disabled=true; 在jquery中我是这样写的 $("#save&qu ...
- jQuery对象和DOM对象
jQuery对象和DOM对象使用说明 2010-07-17 23:31 jQuery对象和DOM对象使用说明,需要的朋友可以参考下. 1.jQuery对象和DOM对象 第一次学习jQuery,经常分辨 ...
最新文章
- bootloader详解(转载)
- tensorflow环境下的识别食物_Tensorflow object detection API 搭建属于自己的物体识别模型——环境搭建与测试...
- SpringMVC的请求-获得请求参数-获得集合类型参数2
- 成都2021高考二诊成绩查询,成都市2020高三二诊成绩查询
- 【ARDUINO】HC-05蓝牙不配对问题
- 信息学奥赛一本通(1052:计算邮资)
- IDEA打包发布jar包
- Spring的事务管理难点剖析(1):DAO和事务管理的牵绊
- 温暖守护美好生活,科技从不冷冰冰
- 四面轻松突围!我是如何斩获高级运维开发一职的?
- 开课吧:哪些人适合转行做Web前端?
- java中model的意思_开发中model,entity和pojo的区别
- 分类战车SVM全系列
- vasp计算脚本放在服务器的位置,vasp计算所需服务器配置
- c语言图片百叶窗特效,Flash遮罩特效实例--百叶窗效果
- Android实现选择题答题(包括单选、多选和答题卡)
- 解决VS2015社区版无法下载许可证的问题
- 数据结构(C++版)校园导游咨询系统课程设计
- kaptcha生成自定义图片验证码
- 打好高远球要注意的三要素
热门文章
- 数据结构与算法 -- 时间复杂度
- zcmu-1934(卡特兰数大数取模(逆元))
- mstsc 加密oracle修正,mstsc远程报:这可能是由于CredSSP 加密Oracle修正的两种完美解决方法...
- python成绩等级函数_python学习002-pandas VS excel给成绩赋值等级
- python爬虫scrapy安装_零基础写python爬虫之爬虫框架Scrapy安装配置
- 卷积核里面的参数怎么来的_FSNet:利用卷积核概要进行深度卷积神经网络的压缩...
- BZOJ-1053-反素数ant
- BZOJ-3531-旅行
- notepad正则表达式替换_正则表达式装逼(实用)指南
- python四大数据类型_Python 四大数据类型总结