您的位置：首页 > Web前端 > JQuery

jquery与document转换

2016-06-20 15:59 423 查看

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

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航