html dom对象怎么转为jquery对象-木庄网络博客

本文摘自PHP中文网，作者青灯夜游，侵删。

转换方法：对于已经是一个DOM对象，只需要用“$()”把DOM对象包装起来，就可以获得一个jQuery对象了，具体语法格式“$(DOM对象)”。

本教程操作环境：windows7系统、jquery1.10.0版本、Dell G3电脑。

DOM对象转成jQuery对象:

对于已经是一个DOM对象，只需要用$()把DOM对象包装起来，就可以获得一个jQuery对象了。

如：

1 2	`var` `v=document.getElementById("v");` `//DOM对象` `var` `$v=$(v);` `//jQuery对象`

通过$(DOM)方法将普通的DOM对象加工成jQuery对象之后，我们就可以调用jQuery的方法了。

HTML代码

1	`<div>元素一</div><div>元素二</div><div>元素三</div>`

JavaScript代码

var div=document.getElementsByTagName('div');//DOM对象
var $div=$(div);//jQuery对象
var $first=$div.frist();//找到第一个div元素
$first.css('color','red');//给第一个元素设置颜色

通过getElementsByTagName获取到div节点的元素，结果是一个DOM合集的对象，不过这个对象是一个数组合集（3个div元素）。通过$(div)方法转化成jQuery对象，通过调用jQuery对象中的first与css方法查找第一个元素并且改变其颜色。

相关视频教程推荐：jQuery教程（视频）

以上就是html dom对象怎么转为jquery对象的详细内容，更多文章请关注木庄网络博客！

Html空格代码怎么写？Html空格代码的表现方式总结

click在Html中用法是什么

go元素的关键字所在--chan通道

更多相关阅读请进入《Html》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » html dom对象怎么转为jquery对象

html dom对象怎么转为jquery对象

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

相关推荐

评论