jQuery对象相互转换成DOM对象
来源:互联网 发布:自己做图片的软件 编辑:程序博客网 时间:2024/06/05 18:18
使用$()函数进行转化:$(DOM对象)
vartxtName =document.getElementById("txtName"); //DOM对象
var $txtName =$(txtName); //jQuery对象
虽然jQuery对象是包装DOM对象后产生的,但是jQuery无法使用DOM对象的任何方法,
同理DOM对象也不能使用jQuery里的方法.使用会报错!
二、jQuery对象转成DOM对象:
两种转换方式将一个jQuery对象转换成DOM对象:[index]和.get(index);
(1)jQuery对象是一个数据对象,可以通过[index]的方法,来得到相应的DOM对象。
如:var $v =$("#che") ; //jQuery对象
var v=$v[0]; //DOM对象
alert(v.checked) //检测这个checkbox是否被选中
(2)jQuery本身提供,通过.get(index)方法,得到相应的DOM对象
如:var $v=$("#che"); //jQuery对象
var v=$v.get(0); //DOM对象
alert(v.checked) //检测这个checkbox是否被选中
三、DOM对象转成jQuery对象:
使用$()函数进行转化:$(DOM对象)
var txtName =document.getElementById("txtName"); //DOM对象
var $txtName =$(txtName); //jQuery对象
通过以上方法,可以任意的相互转换jQuery对象和DOM对象。
需要再强调注意的是:DOM对象才能使用DOM中的方法,jQuery对象是不可以用DOM中的方法。
普通的Dom对象一般可以通过$()转换成jQuery对象。
如:$(document.getElementById("msg")) 是jQuery对象,可以使用jQuery的方法。
2、jQuery对象转DOM对象
由于jQuery对象本身是一个集合。所以如果jQuery对象要转换为Dom对象则必须取出其中的某一项,一般可通过索引取出。
如: $("#msg")[0],$("div").eq(1)[0],$("div").get()[1],$("td")[5]
$("#msg")[0].innerHTML; //DOM对象
$("#msg").eq(0)[0].innerHTML; //DOM对象
$("#msg").get(0).innerHTML; //DOM对象
- jQuery对象相互转换成DOM对象
- jQuery对象与dom对象相互转换
- jQuery对象与dom对象相互转换
- jQuery对象与dom对象相互转换
- jQuery对象与dom对象相互转换
- DOM对象与jQuery对象相互转换
- jQuery对象与dom对象相互转换
- jQuery对象与dom对象相互转换
- jQuery对象和Dom对象相互转换
- jQuery对象与dom对象相互转换
- Jquery对象DOM对象相互转换
- jquery对象和DOM对象相互转换
- jQuery对象与dom对象相互转换
- jQuery对象与dom对象相互转换
- dom对象和jQuery对象相互转换
- jquery对象和dom对象相互转换
- jQuery对象与dom对象相互转换
- Jquery 对象与Dom对象相互转换
- win7 与xp 系统 DateTime.Now
- 【iOS开发】MVC设计模式
- Could not find .egg-info directory in install record for *
- JavaEE_Junit_Junit对Spring注入的Service层的测试
- sqlplus中其他命令的使用timing,store,host。。
- jQuery对象相互转换成DOM对象
- 值得关注的技术类微信公众号
- 领域专用语言(DSL)
- 设置图片渐变效果,遮罩层、半透明
- PAT (Advanced Level) Practise 1033 To Fill or Not to Fill (25)
- 从最大子列和问题体会算法
- 数学之美8
- 安装SVN Access Manager 0.5.5.1(一)
- nginx向client发送数据包