怎么把jQuery对象转成DOM对象(DOM,jquery,编程语言)

时间:2024-04-28 15:30:37 作者 : 石家庄SEO 分类 : 编程语言
  • TAG :

这篇文章主要介绍“怎么把jQuery对象转成DOM对象”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“怎么把jQuery对象转成DOM对象”文章能帮助大家解决问题。

利用数组下标的方式读取到jQuery中的DOM对象

1.我们项目中本来有的id,通过jquery获取到后需要转化成dom对象

怎么把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对象的详细内容,希望对您有所帮助,信息来源于网络。
上一篇:javascript中有哪些类型下一篇:

5 人围观 / 0 条评论 ↓快速评论↓

(必须)

(必须,保密)

阿狸1 阿狸2 阿狸3 阿狸4 阿狸5 阿狸6 阿狸7 阿狸8 阿狸9 阿狸10 阿狸11 阿狸12 阿狸13 阿狸14 阿狸15 阿狸16 阿狸17 阿狸18