您好,登錄后才能下訂單哦!
這篇文章給大家分享的是有關(guān)jQuery如何實(shí)現(xiàn)判斷控件是否顯示的內(nèi)容。小編覺得挺實(shí)用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。
核心代碼:
if($("#elem_id").is(":hidden")) { }
實(shí)例代碼1:
<!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 id="dvTest"> </div> <br /> <hr /> <input type="button" value="toogle div" id="btnTestIs"> </body> </html>
jQuery判斷div是否隱藏實(shí)例
<!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()'>刷新測試</p> <div id="test" ></div> </body> </html>
感謝各位的閱讀!關(guān)于“jQuery如何實(shí)現(xiàn)判斷控件是否顯示”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,讓大家可以學(xué)到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。