继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

jquery对象如何转化成DOM对象

关注TA
已关注
手记
粉丝
获赞

jquery对象是什么?jquery对象是指jquery函数jquery()或者$()生成的dom包装的对象。
$("#test").html() 意思是指:获取ID为test的元素内的html代码。其中html()是jQuery对象中一个方法,与dom对象中的innerHtml 函数。以上这段代码转换成Dom对象document.getElementById("id").innerHTML。
虽然jQuery对象是包装DOM对象后产生的,但是jQuery无法使用DOM对象的任何方法,同理DOM对象也不能使用jQuery里的方法.乱使用会报错。比如:$("#test").innerHTML、document.getElementById("id").html()之类的写法都是错误的。 
还有一个要注意的是:用#id作为选择符取得的是jQuery对象与document.getElementById("id")得到的DOM对象,这两者并不等价。 如果想要获取jquery对象,可以直接使用Jquery()或者$()函数,传入的参数可以使用标签元素,或者css中类元素或者ID元素。javascript想要获取dom元素可以使用document.getElementById或者getElementByName函数,传入的参数是标签元素。

那么如何让一个jquery对象转换成DOM对象 

两种转换方式将一个jQuery对象转换成DOM对象:[index]和.get(index); 
(1)jQuery对象是一个数据对象,可以通过[index]的方法,来得到相应的DOM对象。 
如:var $v =$("#v") ; //jQuery对象 
var v=$v[0]; //DOM对象 
alert(v.checked) //检测这个checkbox是否被选中 
(2)jQuery本身提供,通过.get(index)方法,得到相应的DOM对象 
如:var $v=$("#v"); //jQuery对象 
var v=$v.get(0); //DOM对象 
alert(v.checked) //检测这个checkbox是否被选中 

更多关于Jquery相关文章来自于成都SEO蜀逍遥博客

 

打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP