首页技术正文

js对象和jQuery对象的区别

开发者颖萓技术 2022年11月12日

0 收藏 863 点赞 2,412 浏览 1099 个字

（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>