html中dom对象如何转为jquery对象

这篇文章主要介绍了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方法查找第一个元素并且改变其颜色。

html有什么特点

1、简易性：超级文本标记语言版本升级采用超集方式，从而更加灵活方便，适合初学前端开发者使用。2、可扩展性：超级文本标记语言的广泛应用带来了加强功能，增加标识符等要求，超级文本标记语言采取子类元素的方式，为系统扩展带来保证。 3、平台无关性：超级文本标记语言能够在广泛的平台上使用，这也是万维网盛行的一个原因。4、通用性：HTML是网络的通用语言，它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。

感谢你能够认真阅读完这篇文章，希望小编分享的“html中dom对象如何转为jquery对象”这篇文章对大家有帮助，同时也希望大家多多支持编程网，关注编程网精选频道，更多相关知识等着你来学习!