DOM对象与jquery对象的互相转换
一开始总是对DOM对象和jQuery对象搞不清楚。现在对此做一下总结:
DOM 对象:文档对象模型。每一份DOM都可以看作一棵树。像ul,li ol dl p h1 等等都是DOM元素节点。可以通过js的getElementsByTagName 和 getElementById 来获取这些元素节点。像这样得到的DOM元素就是DOM对象。
DOM对象可以使用javascript中的方法。如:
var domObj = document.getElementById("id");
var objHtml = domObj.innerHTML;
jquery对象就是通过jquery包装DOM对象后产生的对象。
jquery对象可以使用jquery中的方法。如:
$("#foo").html();
这段代码等同于document.getElementById("foo").innerHTML;
当然,jquery对象和DOM对象可以相互转换:
jquery提供了两种方法将jquery对象转换成DOM对象:即[index] 和 get(index)
var $cr = $("#cr"); //jquery对象
var cr = document.getElementById("cr"); //DOM对象
现在将它们进行相互转换:
将jquery对象转换成DOM对象:
var $cr = $("#cr");
var cr = $cr[0]; //将jquery对象转换成了DOM对象。
将DOM对象转换成jquery对象:
var cr = document.getElementById("cr"); //声明了DOM对象
var $cr = $(cr); //将DOM对象转换成了jquery对象
通常是在jquery没有封装想要的方法,不得不使用DOM对象的时候,就需要对jquery对象转换成DOM对象。
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。