jQuery对象与dom对象的转换

六月ゝ 毕业季﹏ 提交于 2019-11-26 22:16:52

jQuery方式获取的对象使不能直接使用JavaScript的一些方法的,许多人有疑问。

原来jQuery获得的对象并不和我们平时使用getElementById获得的对象是一样的对象。

所以一些新手就很迷惑,为什么$("#Element")不能直接innerHTML。

 

这就是原因所在,解决方式请看下文。

 

jQuery对象与dom对象的转换

只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的,调用方法时要注意操作的是dom对象还是jquery对象。

普通的dom对象一般可以通过$()转换成jquery对象。

 

如:$(document.getElementById("msg"))

则为jquery对象,可以使用jquery的方法。

由于jquery对象本身是一个集合。所以如果jquery对象要转换为dom对象则必须取出其中的某一项,一般可通过索引取出。

如:$("#msg")[0],$("div").eq(1)[0],$("div").get()[1],$("td")[5]

 

这些都是dom对象,可以使用dom中的方法,但不能再使用Jquery的方法。

以下几种写法都是正确的:

$("#msg").html();

$("#msg")[0].innerHTML;

$("#msg").eq(0)[0].innerHTML;

$("#msg").get(0).innerHTML;

 

转载于:https://www.cnblogs.com/magicsky0/p/3383823.html

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!