转换方法：对于已经是一个DOM对象，只需要用“$()”把DOM对象包装起来，就可以获得一个jQuery对象了，具体语法格式“$(DOM对象)”。
本教程操作环境：windows7系统、jquery1.10.0版本、Dell G3电脑。
DOM对象转成jQuery对象:
对于已经是一个DOM对象，只需要用$()把DOM对象包装起来，就可以获得一个jQuery对象了。
如：
立即学习“前端免费学习笔记（深入）”；
var v=document.getElementById("v"); //DOM对象
var $v=$(v); //jQuery对象通过$(DOM)方法将普通的DOM对象加工成jQuery对象之后，我们就可以调用jQuery的方法了。
HTML代码
<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对象的详细内容，更多请关注php中文网其它相关文章！
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
广告
收藏
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
201
