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> 
  • 相关阅读:
    jaxb解析xml工具类
    JQuery的父、子、兄弟节点查找方法
    jw player 配置参数
    jQuery判断当前元素是第几个元素&获取第N个元素
    正则表达式中test,match,exec区别
    php常用函数file
    php常用函数time
    php常用array函数
    php常用string函数
    Linux常用命令
  • 原文地址:https://www.cnblogs.com/loaderman/p/10056992.html
Copyright © 2011-2022 走看看