dom对象与jquery对象转换

最新推荐文章于 2022-03-22 16:17:37 发布

a848057236

最新推荐文章于 2022-03-22 16:17:37 发布

阅读量525

点赞数

CC 4.0 BY-SA版权

分类专栏： js 文章标签： dom jquery 转换

本文链接：https://blog.youkuaiyun.com/a848057236/article/details/53672776

js 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了如何在DOM和jQuery对象之间进行转换的方法，并通过实例展示了如何为特定元素设置样式。首先从DOM对象转换到jQuery对象，再从jQuery对象转换回DOM对象，实现了对页面元素的灵活操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<div>元素一</div>
<div>元素二</div>
<div>元素三</div>

dom→jquery：

    <script type="text/javascript">

            var div = document.getElementsByTagName('div'); //dom对象
            //将dom节点div转化为$div的jquery对象
            var $div =  $(div);
            ar $first = $div.first(); //找到第一个div元素
            $first.css('color', 'red'); //给第一个元素设置颜色 
    </script>

jquery→dom：

    <script type="text/javascript">

            var $div =  $("div");//将元素div转化为$div的jquery对象
            var div = $div[0]; //找到第一个div元素
            div.style.color="red"; //给第一个元素设置颜色 
    </script>