DOM对象与jquery对象的互相转换
Posted zhchoutai
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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对象。
以上是关于DOM对象与jquery对象的互相转换的主要内容,如果未能解决你的问题,请参考以下文章
01 jQuery配置jQuery语法结构jQuery程序的代码风格jQuery对象与DOM对象的互相转换
jQuery 源码解析 jQuery对象和DOM对象的互相转换