jquery判斷元素是否可見隱藏程式碼簡單介紹
本章節介紹一下如何利用jquery實現元素的可見性判斷功能。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> #antzone{ width:200px; margin:50px; background:green; display:none; } </style> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#bt").click(function(){ $("#show").text($("#antzone").is(":hidden")); }) }) </script> </head> <body> <div id="show"></div> <div id="antzone"></div> <input type="button" id="bt" value="檢視效果"/> </body> </html>
上面的程式碼實現了判斷功能,這裡是利用的:hidden選擇器。
使用:visible也可以實現,和:hidden是一樣的道理。
相關文章
- jQuery 判斷元素是否隱藏jQuery
- 如何利用jQuery判斷一個元素是否被隱藏jQuery
- 如何判斷一個元素是否隱藏
- jQuery如何判斷元素是否存在jQuery
- jquery判斷一個元素是隱藏還是顯示jQuery
- jQuery 判斷頁面元素是否存在jQuery
- jQuery如何判斷一個元素是否存在jQuery
- 如何利用jQuery判斷指定元素是否存在jQuery
- jquery判斷元素是否存在於陣列中jQuery陣列
- jQuery如何判斷某一個元素是否存在jQuery
- JQuery中判斷元素中是否有內容jQuery
- PHP判斷電子郵件是否正確的簡單方法介紹PHP
- js判斷元素是否為空程式碼例項JS
- jquery判斷指定元素是否存在於某陣列jQuery陣列
- jQuery如何判斷元素是否具有指定的屬性jQuery
- android判斷狀態列是否可見Android
- 判斷Fragment是否對使用者可見Fragment
- jQuery判斷元素是否具有指定的class樣式類jQuery
- jquery判斷元素是否是指定的標籤型別jQuery型別
- 41:判斷元素是否存在
- jquery實現的元素居中外掛簡單介紹jQuery
- jQuery隱藏一個div元素jQuery
- <svg>元素簡單介紹SVG
- 如何判斷元素是否進入可視區域viewport?View
- 如何判斷一個元素是否在可視範圍
- 如何判斷一個元素是否在可視區域中?
- jquery判斷滾動是否到達底部程式碼例項jQuery
- jQuery dom元素層級匹配選擇器簡單介紹jQuery
- jquery css()方法設定元素的樣式簡單介紹jQueryCSS
- js判斷陣列中是否含有指定元素程式碼例項JS陣列
- jQuery實現簡單登陸判斷jQuery
- JavaScript判斷元素是否在瀏覽器可視區域JavaScript瀏覽器
- jquery判斷<img>圖片是否載入完成程式碼例項jQuery
- jQuery如何判斷指定元素是否具有指定的class樣式類jQuery
- JavaScript判斷表單元素value值是否被修改過JavaScript
- 判斷元素是否在視口和元素相交
- jQuery Validate簡單介紹jQuery
- jQuery filter() 用法簡單介紹jQueryFilter