• 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> 
  • 相关阅读:
    JavaScript中常见的十五种设计模式
    如何使 highchart图表标题文字可选择复制
    python如何以表格形式打印输出
    记一次vue长列表的内存性能分析和优化
    如何收集常见的前端性能信息
    如何实现同等间隙的卡片布局
    图片横向等高瀑布流,每行占满,限制行数 的实现
    弹窗查看内容时 内容滚动区域设置为body区
    卡片列表项缓缓往下展示 效果实现
    【年终总结】微信前端社招有感
  • 原文地址:https://www.cnblogs.com/loaderman/p/10056992.html
Copyright © 2020-2023  润新知