html dom对象怎么转为jquery对象

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

html dom对象怎么转为jquery对象

本教程操作环境: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代码

元素一
元素二
元素三

登录后复制

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对象的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2712974.html

(0)
上一篇 2025年3月7日 21:19:19
下一篇 2025年3月7日 21:19:30

AD推荐 黄金广告位招租... 更多推荐

相关推荐

发表回复

登录后才能评论