怎么把jQuery对象转成DOM对象
导读:本文共1134字符,通常情况下阅读需要4分钟。同时您也可以点击右侧朗读,来听本文内容。按键盘←(左) →(右) 方向键可以翻页。
摘要:这篇文章主要介绍“怎么把jQuery对象转成DOM对象”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“怎么把jQuery对象转成DOM对象”文章能帮助大家解决问题。利用数组下标的方式读取到jQuery中的DOM对象1.我们项目中本来有的id,通过jquery获取到后需要转化成dom对象2.用jQuery找到所有的div元素(3个),因为jQuery对象也是一... ...
音频解说
目录
(为您整理了一些要点),点击可以直达。这篇文章主要介绍“怎么把jQuery对象转成DOM对象”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“怎么把jQuery对象转成DOM对象”文章能帮助大家解决问题。
利用数组下标的方式读取到jQuery中的DOM对象
1.我们项目中本来有的id,通过jquery获取到后需要转化成dom对象
2.用jQuery找到所有的div元素(3个),因为jQuery对象也是一个数组结构,可以通过数组下标索引找到第一个div元素
<!DOCTYPEhtml><html><head><metahttp-equiv="Content-type"content="text/html;charset=utf-8"/><title></title><scriptsrc="http://code.jquery.com/jquery-1.11.3.js"></script></head><body><div>元素一</div><div>元素二</div><div>元素三</div><scripttype="text/javascript">var$div=$('div');//jQuery对象vardiv=$div[0];//转化成dom对象div.style.color='red';//操作dom对象的属性</script></body></html>
通过jQuery自带的get()方法
<!DOCTYPEhtml><html><head><metahttp-equiv="Content-type"content="text/html;charset=utf-8"/><title></title><scriptsrc="http://code.jquery.com/jquery-1.11.3.js"></script></head><body><div>元素一</div><div>元素二</div><div>元素三</div><scripttype="text/javascript">var$div=$('div');//jQuery对象vardiv=$div.get(0);//转化成dom对象div.style.color='red';//操作dom对象的属性</script></body></html>
关于“怎么把jQuery对象转成DOM对象”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注亿速云行业资讯频道,小编每天都会为大家更新不同的知识点。
本文:
怎么把jQuery对象转成DOM对象的详细内容,希望对您有所帮助,信息来源于网络。