使用三種方式定位html中的元素
阿新 • • 發佈：2018-05-06
使用三種方式定位html中的元素1)使用三種方式定位html中的元素
a)通過ID
$("#ID")
b)通過標簽名
$("標簽名")
c)通過樣式名
$(".樣式名")
2)dom中，需要判段查找到的元素是否為null，
而jquery中，無需判段，因為jquery本身內置判段器，在查找不到的情況下，返回"undefined"
a)通過ID
$("#ID")
b)通過標簽名
$("標簽名")
c)通過樣式名
$(".樣式名")
2)dom中，需要判段查找到的元素是否為null，
而jquery中，無需判段，因為jquery本身內置判段器，在查找不到的情況下，返回"undefined"
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script type="text/javascript" src="../js/jquery-1.6.js"> </script> <style type="text/css"> .oneClass{ font-size:44px; color:red } </style> <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($("div").html()); //alert($("input").val()); //通過"樣式名"定位<div> //alert($(".oneClass").html()); //dom錯誤處理和jquery錯誤處理 var $input = $("#usernameIDD"); alert($input.val()); /* var inputElement = document.getElementById("usernameID"); if(inputElement!=null){ alert(inputElement.value); }else{ alert("查無此元素"); } */ </script> </body> </html>
使用三種方式定位html中的元素