怎么把jQuery对象转成DOM对象

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

网站建设哪家好，找成都创新互联公司！专注于网页设计、网站建设、微信开发、小程序制作、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了迁西免费建站欢迎大家使用！

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

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

怎么把jQuery对象转成DOM对象

2.用jQuery找到所有的div元素(3个)，因为jQuery对象也是一个数组结构，可以通过数组下标索引找到第一个div元素

<!DOCTYPE html><html><head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <title></title>
    <script src="http://code.jquery.com/jquery-1.11.3.js"></script></head><body>
    <div>元素一</div>
    <div>元素二</div>
    <div>元素三</div>
    
    <script type="text/javascript">
        var $div = $('div'); //jQuery对象
        var div = $div[0]; // 转化成dom对象
        div.style.color = 'red'; //操作dom对象的属性
    </script></body></html>

通过jQuery自带的get()方法

<!DOCTYPE html><html><head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <title></title>
    <script src="http://code.jquery.com/jquery-1.11.3.js"></script></head><body>
    <div>元素一</div>
    <div>元素二</div>
    <div>元素三</div>    
    <script type="text/javascript">
        var $div = $('div'); //jQuery对象
        var div = $div.get(0); // 转化成dom对象
        div.style.color = 'red'; //操作dom对象的属性
    </script>    </body></html>

关于“怎么把jQuery对象转成DOM对象”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注创新互联行业资讯频道，小编每天都会为大家更新不同的知识点。

分享名称：怎么把jQuery对象转成DOM对象
标题链接：https://www.cdcxhl.com/article24/pcgece.html

成都网站建设公司_创新互联，为您提供定制网站、企业网站制作、手机网站建设、云服务器、全网营销推广、搜索引擎优化

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容