jquery与document转换

最新推荐文章于 2022-07-30 16:49:30 发布

编码的外景

最新推荐文章于 2022-07-30 16:49:30 发布

阅读量544

点赞数

分类专栏： android

本文链接：https://blog.csdn.net/lzhenj/article/details/51721368

版权

android 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

<html>
   <head>
       <meta charset="UTF-8">
       <title></title>
       <style type="text/css">
           .divName{
               font-size: 48px;
           }
       </style>
       <script src="sdk/jquery-2.2.3.js" type="text/javascript" charset="utf-8"></script>
       <script type="text/javascript">
           function load () {
               //juery对象转成dom对象
               //选择class=divName的标签
               //$name是个数组
               var $name=$(".divName");
               console.log($name.length);//加断点看$name
               //用innerHtml,必须把jquery对象转成dom对象
               //从jquery数组中用下标取出来就是dom对象
              var div=$name[0];
               div.innerHTML="张三";

               //把dom对象转成jquery对象
               var divbook=document.getElementById("book");
               //divbook.html("jquery");
               var $divbook=$(divbook);
               $divbook.html("jquery");
           }
           $(document).ready(load);
       </script>
   </head>
   <body>
       <div class="divName"></div>
       <div class="divName"></div>
       <div id="book"></div>
   </body>
</html>