jQuery和DOM对象之间的转换

最新推荐文章于 2022-06-08 21:51:20 发布

张大仙是个妖怪

最新推荐文章于 2022-06-08 21:51:20 发布

阅读量516

点赞数 1

分类专栏： # jQuery选择器和DOM操作文章标签： jQuery DOM对象对象 dom

本文链接：https://blog.csdn.net/NDKHBWH/article/details/55211079

版权

jQuery选择器和DOM操作专栏收录该内容

26 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="../jquerysource/jquery.js" type="text/javascript"></script>

    <script type="text/javascript">
        <!--jQuery和DOM对象-->
        $(function(){
            //1.jQuery
            var h3j=$("h3");
            alert("jQuery对象:"+h3j.html());
            //2.DOM
            var h3dom= document.getElementsByTagName("h3")[0];
            alert("document对象:"+h3dom.innerHTML);
            //3.jQuery转DOM有2种方法,jQuery对象是一个类似于数组的结构
                //a.通过[index]方法获取
                   var jtoda=   h3j[0];
                   alert("jQuery转document对象A:"+jtoda.innerHTML);
                //b.通过get(index)方法获取
                  var jtoda2=   h3j.get(0);
                  alert("jQuery转document对象B:"+jtoda2.innerHTML);
           //4.DOM转jQuery
                  var dotoj=$(h3dom);
                  alert("document转jQuery对象:"+dotoj.html());
           //平时用到的jQuery对象都是通过$()函数构造出来的.$()就是一个jQuery对象的制造工厂
          });

    </script>
</head>
<body>
<h3>例子</h3>
<p title="选择你最喜欢的水果." >你最喜欢的水果是?</p>
<ul>
    <li>苹果</li>
    <li>橘子</li>
    <li>菠萝</li>
</ul>
</body>
</body>
</html>