jQuery的中 is(':visible') 解析及用法(必看)
更新時間:2017年02月12日 11:50:58 投稿:jingxian
下面小編就為大家?guī)硪黄猨Query的中 is(':visible') 解析及用法(必看)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
實例
選擇 <body> 元素中每個可見的元素:
$("body :visible")
定義和用法
:visible 選擇器選取每個當前是可見的元素。
除以下幾種情況之外的元素即是可見元素:
• 設置為 display:none
• type="hidden" 的表單元素
• Width 和 height 設置為 0
• 隱藏的父元素(同時隱藏所有子元素)
語法
$(":visible")
$(document).ready(function() { $('#faq').find('dd').hide().end().find('dt').click(function() {//end()為結束前面處理函數,返回到最初的元素 //解釋:用end()結束find(dd)的hide(),并將find(dt)作用到最初的#fap上 var answer = $(this).next();//next()為此元素的下一個元素,可以再加上.next()表示下下一個元素,以此類推 if (answer.is(':visible')) {//如果ANSWER 為可見,:visible是可見的意思,相關用法還有:hidden(隱藏),:first(第一個),:last(最后一個) answer.slideUp();//隱藏 } else { answer.slideDown();//顯示 } }); });
以上這篇jQuery的中 is(':visible') 解析及用法(必看)就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
jQuery EasyUI NumberBox(數字框)的用法
jQuery EasyUI 數字框(NumberBox)用法2010-07-07JQuery實現(xiàn)table中tr上移下移的示例(超簡單)
下面小編就為大家分享一篇JQuery實現(xiàn)table中tr上移下移的示例(超簡單),具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01