PHP8.1.21版本已发布
vue8.1.21版本已发布
jquery8.1.21版本已发布

html dom对象怎么转为jquery对象

青灯夜游
青灯夜游 原创
2021-05-19 17:19:16 2777浏览

转换方法:对于已经是一个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(&#39;div&#39;);//DOM对象
var $div=$(div);//jQuery对象
var $first=$div.frist();//找到第一个div元素
$first.css(&#39;color&#39;,&#39;red&#39;);//给第一个元素设置颜色

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

相关视频教程推荐:jQuery教程(视频)

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。