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对象的互相转换的主要内容,如果未能解决你的问题,请参考以下文章

Jq对象与dom对象的互相转换!

01 jQuery配置jQuery语法结构jQuery程序的代码风格jQuery对象与DOM对象的互相转换

jQuery 源码解析 jQuery对象和DOM对象的互相转换

text jQuery对象和DOM对象互相转换#js #jquery

jquery对象和js对象,以及它们的互相转换

需要知道的jQuery对象和DOM对象之间的转换