js对象和jQuery对象相互转换

（1）什么是js对象及代码规则

就是使用js-API，即Node接口中的API或是传统JS语法定义的对象，叫做js对象

js代码规则----divElement

var divElement = document.getElementById("divID");

var nameArray = new Array(3);

（2）什么是jQuery对象及代码规则

就是使用jQuery-API，返回的对象就叫做jQuery对象

jQuery代码规则----$div

var $div = $("#divID")

声明：上述代码规则，只是老师个人规则，不代表所有企业都这样做

（3）js对象转成jQuery对象【重点】

语法：$(js对象)---->jQuery对象

例如：$(divElement)---->$div

例如：$(this)---->$this

注意：jQuery对象将js对象做了封装，js对象二边无引号

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>js对象和jquery对象的相互转换</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <script type="text/javascript" src="js/jquery-1.8.2.js"></script>
  </head>
  <body>
    
    <input id="inputID" type="button" value="这就是jQuery库,写少代码，做多事情"/>
    
    <div id="divID">哈哈</div>
    
    <script type="text/javascript">
    
        /*取得<input>标签中的value属性的内容[js对象->jquery对象]
        var inputElement = document.getElementById("inputID");//js对象
        var $input = $( inputElement );//jquery对象
        var input = $input.val();
        alert(input);*/
        
        
        //取得<div>标签中的文本内容[jquery对象->js对象]
        var $div = $("#divID");//jquery对象
        
        //var divElement = $div.get(0);//js对象
        var divElement = $div[0];//js对象
        
        var div = divElement.innerHTML;
        alert(div);
        
    </script>
    
  </body>
</html>

posted on 2018-12-03 10:14 LoaderMan 阅读(713) 评论(0) 编辑收藏举报

刷新页面返回顶部

js对象和jQuery对象相互转换

导航