如何利用jQuery判斷一個元素是否被隱藏
本章節介紹一下如何判斷一個元素是否被隱藏,只介display:none方式,其他方式也是同樣的道理。
程式碼如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> #thediv{ width:100px; height:100px; display:none; } </style> <script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#bt").click(function(){ var display =$("#thediv").css('display'); if(display=='none'){ alert("元素被隱藏"); } }) }) </script> </head> <body> <div id="thediv">螞蟻部落</div> <input type="button" id="bt" value="檢視效果"/> </body> </html>
以上程式碼實現了我們的要求,點選按鈕就可以檢測指定的元素是否存在。
相關閱讀:
1.click事件可以參閱jQuery click 事件一章節。
2.css()函式可以參閱jQuery css()一章節。
相關文章
- 如何判斷一個元素是否隱藏
- jQuery 判斷元素是否隱藏jQuery
- jQuery如何判斷一個元素是否存在jQuery
- 如何利用jQuery判斷指定元素是否存在jQuery
- jQuery如何判斷某一個元素是否存在jQuery
- jquery判斷一個元素是隱藏還是顯示jQuery
- jQuery如何判斷元素是否存在jQuery
- jquery判斷元素是否可見隱藏程式碼簡單介紹jQuery
- 如何判斷一個jquery物件是否存在jQuery物件
- jQuery隱藏一個div元素jQuery
- 如何判斷一個元素是否位於另一個元素之中
- 如何判斷一個物件是否為jQuery物件物件jQuery
- javascript如何判斷一個頁面元素是否存在JavaScript
- jQuery 判斷頁面元素是否存在jQuery
- jQuery如何判斷元素是否具有指定的屬性jQuery
- jQuery如何判斷一個checkbox核取方塊是否被選中jQuery
- css如何隱藏一個元素CSS
- 如何判斷一個元素是否在可視範圍
- 如何判斷頁面是否存在某個元素
- jQuery如何判斷單選按鈕是否被選中jQuery
- 如何在億級資料中判斷一個元素是否存在?
- 如何判斷一個元素在億級資料中是否存在?
- 判斷一個元素是否是另一個元素的子元素或者父元素
- jquery判斷元素是否存在於陣列中jQuery陣列
- JQuery中判斷元素中是否有內容jQuery
- jquery判斷按鈕是否被點選過jQuery
- jQuery判斷一個radio單選按鈕是否被選中jQuery
- jQuery如何判斷指定元素是否具有指定的class樣式類jQuery
- jquery判斷指定元素是否存在於某陣列jQuery陣列
- js如何判斷頁面中是否存在某個元素JS
- js如何判斷陣列中是否含有某個元素JS陣列
- 如何從10億資料中快速判斷是否存在某一個元素
- js如何判斷一個物件是否存在JS物件
- 判斷一個類名或者元素是否存在的思路
- 41:判斷元素是否存在
- jQuery判斷當前元素是第幾個元素jQuery
- jQuery判斷元素是否具有指定的class樣式類jQuery
- jquery判斷元素是否是指定的標籤型別jQuery型別