jQuery判斷一個元素是顯示還是隱藏,jQuery使用is()方法來判斷一個元素是否顯示,反之則為隱藏
核心代碼
if($("#username").is(":hidden")){
}
實例代碼:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>test.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="../../WEB-FACE/script/jquery-1.8.0.min.js"></script>
<script type="text/javascript">
$(function(){
if($("#userid").is(":hidden")){
alert("隱藏");
}else{
alert("可見");
}
})
</script>
</head>
<body>
<input type="text" id="username" value="admin" />
<input type="password" id="password" value="123456"/>
<input type="hidden" id="userid" value="1001003004016">
<input type="text" id="address" disabled="disabled" value="北京市海澱區"/>
</body>
</html>
同樣判斷元素是否可編輯 如下
if($("#address").is(":disabled")){
alert("不可編輯");
}else{
alert("可編輯");
}
------------------------------------------分割線------------------------------------------
jQuery權威指南 PDF版中文+配套源代碼 http://www.linuxidc.com/Linux/2013-10/91059.htm
jQuery實戰 中文PDF+源碼 http://www.linuxidc.com/Linux/2013-09/90631.htm
《jQuery即學即用(雙色)》 PDF+源代碼 http://www.linuxidc.com/Linux/2013-09/90383.htm
鋒利的jQuery(第2版) 完整版PDF+源碼 http://www.linuxidc.com/Linux/2013-10/91527.htm
jQuery完成帶復選框的表格行高亮顯示 http://www.linuxidc.com/Linux/2013-08/89406.htm
jQuery基礎教程(第4版) PDF 完整高清版+配套源碼 http://www.linuxidc.com/Linux/2014-03/98162.htm
--------------------------------------分割線 --------------------------------------
jQuery 的詳細介紹:請點這裡
jQuery 的下載地址:請點這裡