js對象和jQuery對象的區別

時間 2021-08-14

標籤 javascript css html java jquery ide spa htm 對象欄目 JavaScript 简体版

原文原文鏈接

（1）js對象的三種基本定位方式javascript

（A）經過ID屬性：document.getElementById()css

（B）經過NAME屬性：document.getElementsByName()html

（C）經過標籤名：document.getElementsByTagName()java

（2）jQuery對象的三種基本定位方式jquery

（A）經過ID屬性：$("#id屬性值")ide

（B）經過標籤名：$("標籤名")ui

（C）經過CLASS屬性：$(".樣式名")spa

（3）js對象出錯的顯示htm

沒有合理的提示信息對象

例如：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>