zoukankan      html  css  js  c++  java
  • 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> 
  • 相关阅读:
    减轻Temporal AA 的 拖影问题(ghosting)
    UE4开发PSVR游戏流程
    3.1 使用STC89C52控制MC20拨打电话
    2.6 基于ARDUINO UNO+MC20的路径显示功能
    2.5 使用ARDUINO做主控,手机发送短信控制开关LED
    2.4 使用ARDUINO控制MC20进行GPS数据的获取和解析
    2.3 使用ARDUINO控制MC20进行GPRS的TCP通讯
    2.2 使用ARDUINO控制MC20发短信
    2.1 使用ARDUINO控制MC20打电话
    1.8 使用电脑测试MC20的GPRS功能
  • 原文地址:https://www.cnblogs.com/loaderman/p/10056992.html
Copyright © 2011-2022 走看看