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