jquery与document转换

来源：互联网发布：网络学历国家认可吗编辑：程序博客网时间：2024/04/27 20:37

<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>

0 0