zoukankan      html  css  js  c++  java
  • js对象和jQuery对象的区别

    (1)js对象的三种基本定位方式

           (A)通过ID属性:document.getElementById()

           (B)通过NAME属性:document.getElementsByName()

           (C)通过标签名:document.getElementsByTagName()

       (2)jQuery对象的三种基本定位方式

           (A)通过ID属性:$("#id属性值")

           (B)通过标签名:$("标签名")

           (C)通过CLASS属性:$(".样式名")

       (3)js对象出错的显示

            没有合理的提示信息

                 例如:alert(document.getElementById("usernameIDD").value)

       (4)jQuery对象出错的显示

            有合理的提示信息,例如:undefined

                 例如:alert($("#usernameIDD").val())


    <!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">
            <style type="text/css">
                .oneClass {
                    font-size: 44px;
                    color: red
                }
            </style>
            <script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
        </head>
        <body> 
            <input type="text" id="usernameID" value="这就是jQuery库" />
            <div id="divID" class="oneClass">这是div标签中的内容</div>
            <script type="text/javascript">
                  //通过"#id"定位<input>
                  //alert( $("#usernameID").val() );
                  //通过"标签名"定位<input><div>
                  //alert( $("input").val() );
                  //alert( $("div").html() );
                  //通过"样式名"定位<div>
                  //alert( $(".oneClass").html() );
                  //js错误处理和jquery错误处理
                  //alert( document.getElementById("usernameTD").value );
                  alert( $("#usernameID").val() );
              </script>
        </body> 
    </html>

  • 相关阅读:
    05-傅里叶变换的理解总结
    04-积分图与Boxfilter
    03-形态学操作(针对灰度图像)
    02-形态学操作(针对二值图像)
    01-形态学操作:腐蚀与膨胀、开运算与闭运算
    LINUX内核学习起步:学习开发环境搭建
    转载:查看linux系统版本是32位的还是64位的
    我的第一个内核模块
    LINUX内核学习起步:深入理解linux内核
    Java--Stream流操作
  • 原文地址:https://www.cnblogs.com/loaderman/p/10057034.html
Copyright © 2011-2022 走看看