歡迎來到Linux教程網
Linux教程網
Linux教程網
Linux教程網
Linux教程網 >> Linux編程 >> Linux編程 >> jQuery判斷元素是否顯示與隱藏

jQuery判斷元素是否顯示與隱藏

日期:2017/3/1 9:40:18   编辑:Linux編程

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 的下載地址:請點這裡

Copyright © Linux教程網 All Rights Reserved