這篇文章給大家分享的是有關jQuery如何實現判斷控件是否顯示的內容。小編覺得挺實用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。
成都創新互聯專注為客戶提供全方位的互聯網綜合服務,包含不限于成都網站設計、成都網站建設、外貿網站建設、澧縣網絡推廣、微信小程序、澧縣網絡營銷、澧縣企業策劃、澧縣品牌公關、搜索引擎seo、人物專訪、企業宣傳片、企業代運營等,從售前售中售后,我們都將竭誠為您服務,您的肯定,是我們最大的嘉獎;成都創新互聯為所有大學生創業者提供澧縣建站搭建服務,24小時服務熱線:18980820575,官方網址:m.newbst.com
核心代碼:
if($("#elem_id").is(":hidden")) { }
實例代碼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")); //判斷元素顯示或隱藏狀態 }); $("#btnTestIs").click(function(e){ // alert( $(e.target).is("input") ); //判斷元素的標名稱 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是否隱藏實例
<!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>綁定函數</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>
感謝各位的閱讀!關于“jQuery如何實現判斷控件是否顯示”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,讓大家可以學到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!
網站名稱:jQuery如何實現判斷控件是否顯示
網站地址:http://m.newbst.com/article28/jeihcp.html
成都網站建設公司_創新互聯,為您提供網站設計公司、靜態網站、用戶體驗、網站制作、標簽優化、全網營銷推廣
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯