快捷導(dǎo)航

jQuery判斷元素是否是隱藏的代碼

更新時(shí)間：2011年04月24日 23:18:46 作者：

jQuery判斷元素顯示或隱藏, is 函數(shù)，需要的朋友可以參考下。

核心代碼:

 
if($("#elem_id").is(":hidden")) 
{ 
} 

實(shí)例代碼1:

復(fù)制代碼代碼如下:

 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<title> New Document </title> 
<meta name="Generator" content="EditPlus"> 
<meta name="Author" content=""> 
<meta name="Keywords" content=""> 
<meta name="Description" content=""> 
<script type="text/javascript" src="jquery-1.4.2.js"> 
<!-- 
//--> 
</script> 
<script type="text/javascript"> 
<!-- 
$(document).ready(function(){ 
$("#btnToogle").click(function(){ 
$("#dvTest").toggle(); 
alert( $("#dvTest").is(":visible")); //判斷元素顯示或隱藏狀態(tài) 
}); 
$("#btnTestIs").click(function(e){ 
// alert( $(e.target).is("input") ); //判斷元素的標(biāo)名稱 
alert( $("#btnToogle").parent().is("body") ); 
}); 
}); 
//--> 
</script> 
</head> 
<body> 
<input type="button" value="toogle div" id="btnToogle"> 
<div style="width:50px; height:100px; border:solid 1px red; background-color:blue;" id="dvTest"> 
</div> 
<br /> 
<hr /> 
<input type="button" value="toogle div" id="btnTestIs"> 
</body> 
</html> 

jquery判斷div是否隱藏實(shí)例

復(fù)制代碼代碼如下:

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>綁定函數(shù)</title> 
<script src="jquery-1.3.2.js"></script> 
<script> 
$(document).ready(function(){ 
var temp= $("#test").is(":hidden");//是否隱藏 
var temp1= $("#test").is(":visible");//是否可見 
alert(temp) ; 
alert(temp1) ; 
}); </script> 
</head> 
<body> 
<p onclick='test()'>刷新測(cè)試</p> 
<div id="test" style="display:none"></div> 
</body> 
</html> 

您可能感興趣的文章:

隱藏標(biāo)簽

相關(guān)文章

輕松學(xué)習(xí)jQuery插件EasyUI EasyUI創(chuàng)建菜單與按鈕
這篇文章主要幫助大家輕松學(xué)習(xí)jQuery插件EasyUI，重點(diǎn)是EasyUI創(chuàng)建菜單與按鈕，按鈕分為鏈接按鈕、菜單按鈕、分割按鈕，對(duì)這方面感興趣的小伙伴們可以參考一下
2015-11-11
jquery結(jié)婚電子請(qǐng)柬特效源碼分享
這篇文章主要展示了jquery結(jié)婚電子請(qǐng)柬特效源碼，有需要的小伙伴們快來學(xué)習(xí)制作jquery結(jié)婚電子請(qǐng)柬
2015-08-08
setInterval,setTimeout與jquery混用的問題
當(dāng)遇到setInterval,setTimeout與jquery混用的問題時(shí)，直接按JavaScript中的語法寫并不起作用，有以下兩種解決方法
2013-04-04
jquery實(shí)現(xiàn)拖拽table表頭改變列寬
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)拖拽table表頭改變列寬，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-02-02
jQuery使用EasyUi實(shí)現(xiàn)三級(jí)聯(lián)動(dòng)下拉框效果
本篇文章主要介紹了jQuery使用EasyUi實(shí)現(xiàn)三級(jí)聯(lián)動(dòng)效果，實(shí)例使用EasyUi實(shí)現(xiàn)三級(jí)聯(lián)動(dòng)技巧，非常具有實(shí)用價(jià)值，需要的朋友可以參考下。
2017-03-03
jquery下利用jsonp跨域訪問實(shí)現(xiàn)方法
客戶端的跨域訪問，可以通過jsonp方式來實(shí)現(xiàn)，jquery提供了跨域訪問的方法，jQuery.ajax()支持get方式的跨域。當(dāng)然支持跨域還需要服務(wù)器端相應(yīng)的處理。
2010-07-07
jQuery Ajax方法調(diào)用 Asp.Net WebService 的詳細(xì)實(shí)例代碼
我在這里將jQuery Ajax 調(diào)用Aspx.Net WebService 的幾個(gè)常用的方法做了一個(gè)整理，提供給正在找這方面內(nèi)容的博友，希望能給學(xué)習(xí)jQuery的朋友一點(diǎn)幫助，可以直接復(fù)制代碼運(yùn)行。
2011-04-04
jquery實(shí)現(xiàn)倒計(jì)時(shí)功能
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)倒計(jì)時(shí)功能，詳細(xì)介紹了setInterval()方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2015-12-12
jqPaginator結(jié)合express實(shí)現(xiàn)分頁展示內(nèi)容效果
這篇文章主要為大家詳細(xì)介紹了jqPaginator結(jié)合express實(shí)現(xiàn)分頁展示內(nèi)容效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-04-04
Jquery實(shí)現(xiàn)無縫向上循環(huán)滾動(dòng)列表的特效
今天小編就為大家分享一篇關(guān)于Jquery實(shí)現(xiàn)無縫向上循環(huán)滾動(dòng)列表的特效，小編覺得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來看看吧
2019-02-02