1)使用三种方式定位html中的元素
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" class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="../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>
點(diǎn)擊查看更多內(nèi)容
為 TA 點(diǎn)贊
評論
評論
共同學(xué)習(xí),寫下你的評論
評論加載中...
作者其他優(yōu)質(zhì)文章
正在加載中
感謝您的支持,我會繼續(xù)努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進(jìn)行掃碼打賞哦