jquery对象如何转为html dom对象

这篇文章主要介绍了jquery对象如何转为html dom对象,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获、下面让小编带着大家一起了解一下。

转换方法:1,jquery对象是一个数据对象时,可以通过“(指数)”方法进行转换,得到相应的dom对象,语法“jquery对象(指数)”;2,通过“jquery对象. get(指数)”语句来转换。

本教程操作环境:windows7多系统,jquery1.10.0版本,戴尔G3电脑。

<强>什么是jquery对象?

- - - - - -就是通过jquery包装dom对象后产生的对象.jQuery对象是jquery独有的,其可以使用jquery里的方法。

比如:

<代码> $ (“# test") . html() 意思是指:获取ID为测试的元素内的html代码。其中html()是jquery里的方法

这段代码等同于用dom实现代码:

. getelementbyid (“id") .innerHTML;

虽然jquery对象是包装dom对象后产生的,但是jquery无法使用dom对象的任何方法,同理dom对象也不能使用jquery里的方法。乱使用会报错。比如:美元(“# test") .innerHTML . getelementbyid (“id") . HTML()之类的写法都是错误的。

还有一个要注意的是:用# id作为选择符取得的是jQuery对象与. getelementbyid (“id")得到的DOM对象,这两者并不等价。请参看如下说的两者间的转换。

既然jQuery有区别但也有联系,那么jQuery对象与DOM对象也可以相互转换。在再两者转换前首先我们给一个约定:如果一个获取的是jQuery对象,那么我们在变量前面加美元上,如:var $ variab=jQuery对象,如果获取的是DOM对象,则与习惯普通一样:var variab=DOM对象,这么约定只是便于讲解与区别,实际使用中并不规定。

<强> jQuery对象转成HTML DOM对象:

两种转换方式将一个jQuery对象转换成DOM对象:(指数)和. get(指数);

(1) jQuery对象是一个数据对象,可以通过(指数)的方法,来得到相应的DOM对象。

如:

var  v 美元;=$ (“# v"),,,//jQuery对象 　　var  v=$ [0];,//DOM对象 　　警报(v.checked),//检测这个复选框是否被选中

(2) jQuery本身提供,通过. get(索引)方法,得到相应的DOM对象

如:

var  v=美元(“# v");,//jQuery对象 　　var  v=$ v.get (0);,//DOM对象 　　警报(v.checked),//检测这个复选框是否被选中 jquery是什么

jquery是一个简洁而快速的JavaScript库,它具有独特的链式语法和短小清晰的多功能接口、高效灵活的css选择器,并且可对css选择器进行扩展,拥有便捷的插件扩展机制和丰富的插件,是继原型之后又一个优秀的JavaScript代码库,能够用于简化事件处理,HTML文档遍历,Ajax交互和动画,以便快速开发网站。

感谢你能够认真阅读完这篇文章,希望小编分享的“jquery对象如何转为HTML dom对象”这篇文章对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,更多相关知识等着你来学习!

jquery对象如何转为html dom对象