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>

  • 相关阅读:
    ios 手势加变形
    ios 懒加载
    [leetCode]1111. 有效括号的嵌套深度
    [leetCode]面试题 08.07. 无重复字符串的排列组合
    [leetCode]46. 全排列
    [leetCode]37. 解数独
    [leetCode]面试题 08.09. 括号
    torch.Tensor 与 numpy.ndarray的相互转化
    [leetCode]93. 复原IP地址
    [leetCode]15. 三数之和
  • 原文地址:https://www.cnblogs.com/loaderman/p/10057034.html
Copyright © 2011-2022 走看看