html dom对象怎么转为jquery对象
转换方法：对于已经是一个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对象的详细内容！
相关内容
-
jquery对象怎么转为html dom对象
转换方法：1、jQuery对象是一个数据对象时，可以通过“[index]”方法进行转换，得到相应的DOM对象，语法“jQuery对象[index]”；2、通过“jQuery对象...
-
html如何用css美化表格
html用css美化表格的方法：首先创建一个HTML示例文件；然后在body中创建table表格；最后通过style标签给表格添加css样式即可。本文操作环境：Windows7...
-
文字居中的css代码是什么
文字居中的css代码是“text-align:center;”或“line-height:值;”。text-align属性规定元素文本的水平对齐方式，当值为center时，即可...
-
15 个优秀的响应式 Web 设计 HTML 和 CSS 框架
【推荐教程：CSS视频教程】响应式Web设计旨在为各种设备（从台式机显示器到手机）提供最佳的浏览体验。本文汇总了一些优秀的响应式Web设计HTML和CSS框架。这些框架都是开源...
-
如何使用css去掉a标签的下划线？（代码详解）
写html超链接的时候，超链接总是自带下划线，如果不需要下划线，我们需要将其去掉，下面我们就来说一下怎么去掉下划线。我们在使用超链接的时候，下划线总是伴随着出现，从视觉上来说有...
-
css如何去掉li前面的点
在css中，可以使用list-style属性来清除li前面的点，只需要给li标签设置“list-style:none”样式即可。list-style属性是用来控制li列表项目标...
-
css如何让高度自适应
css让高度自适应的方法：1、给html元素设置“height:100%;display:table;”样式，给body元素设置“display:table-cell;heig...
-
手把手教你使用img标签添加图片效果（知识）
之前的文章《如何使用HTML制作一个简单美观的导航栏（代码详解）》中，给大家介绍了怎样使用HTML制作导航栏的方法。下面本篇文章给大家带了解一下img标签怎么添加图片效果的方法...
-
手把手教你使用css给HTML字体添加边框效果（代码分享）
之前的文章《html网页中如何实现居中效果（代码分享）》中，给大家介绍了如何让网页整体居中。下面本篇文章给大家介绍怎样使用css给HTML元素字体添加边框效果，我们一起看看怎么...
-
手把手教你使用css给文字添加火焰效果（代码详解）
之前的文章《一招教你使用html给图片添加边框效果（代码详解）》中，给大家介绍了怎么使用html给图片添加边框效果。下面本篇文章给大家介绍怎么使用css给文字添加火焰效果，我们...
