jquery对象和dom对象的辨析和相互转化

浏览数：16 / 时间：2015年06月09日

jquery对象和dom对象总是让人感觉很难分清，其实只要做到1对两者概念有明确认识2找出不同点

Ａ

ＤＯＭ

1概念

　　DOM对象（Document Object Model,文档对象模型）可以把html结构表述为DOM树，在这棵大树中，html的body中的<h><p><ul>>><li>都是DOM元素节点

2获取

　　通过ｊａｖａｓｃｒｉｐｔ中的ｇｅｔＥｌｅｍｅｎｔＢｙＴａｇＮａｍｅ或者ｇｅｔＥｌｅｍｅｎｔＢｙＩｄ来获取元素节点

ＪＱＵＥＲＹ

　１概念

　　ｊｑｕｅｒｙ对象即是通过ｊＱｕｅｒｙ包装ＤＯＭ对象后产生的对象，ｊｑｕｅｒｙ对象是其独有的，可以使用ｊｑｕｅｒｙ里的方法，但却无法使用DOM对象的任何方法，ＤＯＭ对象同此理

　Ｂ相互转化

１ｊｑｕｅｒｙ　ｉｎｖｅｒｔ　ＤＯＭ

ｖａｒ　＄ｃｒ＝＄（＂＃ｃｒ＂）；
ｖａｒ　ｃｒ＝＄ｃｒ［０］；

／／Ｔｈｅ　ｓｅｃｏｎｄ　ｗａｙ
ｖａｒ　＄ｃｒ＝＄（＂＃ｃｒ＂）；
ｖａｒ　ｃｒ　＝＄ｃｒ．ｇｅｔ（０）；

２　ｄｏｍ　　ｉｎｖｅｒｔ　ＪＱ

ｖａｒ　　ｃｒ＝ｄｏｃｕｍｅｎｔ．ｇｅｔＥｌｅｍｅｎｔＢｙＩｄ（＂ｃｒ＂）；
ｖａｒ　＄ｃｒ＝＄（ｃｒ）；

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： class style log 使用 html 方法 la ha sp class style log 使用 html 方法 la ha sp

相关文章