ITPub博客

首页 > IT职业 > IT职场 > jquery对象如何转化成DOM对象

jquery对象如何转化成DOM对象

IT职场 作者:johnchou 时间:2021-09-09 09:50:55 0 删除 编辑

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蜀逍遥博客

 

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/4422/viewspace-2813301/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2020-11-13

  • 博文量
    80
  • 访问量
    7443