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>

  • 相关阅读:
    jupyter notebook代码添加行号(菜单中点击view后没有toggle line numbers选项)
    深度学习:tensorflow中激励函数的实现
    深度学习:padding、卷积、stride的计算
    深度学习:mAP(mean average precision)
    java实现桶排序
    java 数组实现队列和栈
    五步学习法
    技术团队组织架构
    Redis的高可用:哨兵和集群
    Redis限流的实现方式有3种
  • 原文地址:https://www.cnblogs.com/loaderman/p/10057034.html
Copyright © 2011-2022 走看看