码迷,mamicode.com
首页 > Web开发 > 详细

5 jQuery

时间:2019-08-02 18:43:45      阅读:131      评论:0      收藏:0      [点我收藏+]

标签:meta   div2   type   ntb   col   body   jquery   相互   document   

 

 

 

js和jQuery的相互转换

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>jquery</title>
        <script type="text/javascript" src="jquery-1.4.2.js"></script>
        <script type="text/javascript">
    
            $(function(){
                
                var div1=document.getElementById("div1");
                //js对象转换成jQuery对象
                //jquery(div1)等同于$(div1)
                $(div1).text("aaa");  //相当于js对象的div1.InnerText="aaa"
                
                //jQuery对象转换成js对象
                var div2=$("#div1");  //$("#div1")相当于是数组 根据id选择器的话数组中元素只有一个
                var js_div1=div1[0];   //相当于 div1.get(0);
                js_div1.innerText="abc";
                var div3=$("div");
                
            });
            
            
        </script>
    </head>
    <body>
    <div id="div1" name="div">
        <div id="div2" name="div">    
        
        
    </div>
    </body>
</html>

 

5 jQuery

标签:meta   div2   type   ntb   col   body   jquery   相互   document   

原文地址:https://www.cnblogs.com/xuwangqi/p/11290187.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!