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>