html dom对象怎么转为jquery对象
程序员文章站
2022-03-03 09:54:59
...
转换方法:对于已经是一个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对象的详细内容,更多请关注其它相关文章!
下一篇: 2021年8个值得收藏的Nodejs项目
推荐阅读
-
用DOM实现文章采集--通过jquery语法式的方法采集指定对象的文本
-
jquery dom对象的事件隐藏显示和对象数组示例
-
jQuery实现对象转为url参数的方法
-
jQuery 源码解析(七) jQuery对象和DOM对象的互相转换
-
jQuery 对象 与 原生 DOM 对象 相互转换
-
jQuery对象与DOM对象的区别和联系
-
jQuery之DOM对象和jQuery对象的转换与区别分析
-
前端笔记知识点整合之jQuery(一)加载函数的区别&对象&操作HTML/CSS&动画&选择器
-
了解jQuery并掌握jQuery对象和DOM对象的区别
-
基于jQuery对象和DOM对象和字符串之间的转化实例