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>

  • 相关阅读:
    Command 命令模式
    Composite 组合模式
    Decorator 装饰器模式
    Abstract Factory 抽象工厂模式
    输入框测试重点:
    w​e​b​网​站​常​用​测​试​用​例
    性能测试常见分类
    Web 常用的测试方法
    em、rem和px的区别
    [if lt IE 9]等符号的含义
  • 原文地址:https://www.cnblogs.com/loaderman/p/10057034.html
Copyright © 2011-2022 走看看