jQuery的中 is(':visible') 解析及用法(必看)
實(shí)例
選擇 <body> 元素中每個(gè)可見(jiàn)的元素:
$("body :visible")
定義和用法
:visible 選擇器選取每個(gè)當(dāng)前是可見(jiàn)的元素。
除以下幾種情況之外的元素即是可見(jiàn)元素:
• 設(shè)置為 display:none
• type="hidden" 的表單元素
• Width 和 height 設(shè)置為 0
• 隱藏的父元素(同時(shí)隱藏所有子元素)
語(yǔ)法
$(":visible")
$(document).ready(function() { $('#faq').find('dd').hide().end().find('dt').click(function() {//end()為結(jié)束前面處理函數(shù),返回到最初的元素 //解釋:用end()結(jié)束find(dd)的hide(),并將find(dt)作用到最初的#fap上 var answer = $(this).next();//next()為此元素的下一個(gè)元素,可以再加上.next()表示下下一個(gè)元素,以此類推 if (answer.is(':visible')) {//如果ANSWER 為可見(jiàn),:visible是可見(jiàn)的意思,相關(guān)用法還有:hidden(隱藏),:first(第一個(gè)),:last(最后一個(gè)) answer.slideUp();//隱藏 } else { answer.slideDown();//顯示 } }); });
以上這篇jQuery的中 is(':visible') 解析及用法(必看)就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
jquery 面包屑導(dǎo)航 具體實(shí)現(xiàn)
jquery 面包屑導(dǎo)航 具體實(shí)現(xiàn),需要的朋友可以參考一下2013-06-06jQuery EasyUI NumberBox(數(shù)字框)的用法
jQuery EasyUI 數(shù)字框(NumberBox)用法2010-07-07jQuery AJAX應(yīng)用實(shí)例總結(jié)
這篇文章主要介紹了jQuery AJAX應(yīng)用,結(jié)合實(shí)例形式總結(jié)分析了jQuery 使用AJAX訪問(wèn)各種格式數(shù)據(jù)相關(guān)應(yīng)用操作實(shí)現(xiàn)技巧,需要的朋友可以參考下2020-05-05JQuery中DOM加載與事件執(zhí)行實(shí)例分析
這篇文章主要介紹了JQuery中DOM加載與事件執(zhí)行,實(shí)例分析了jQuery中DOM加載及事件執(zhí)行的原理與實(shí)現(xiàn)方法,并補(bǔ)充說(shuō)明了windows.onload方法和$(document).ready()方法的區(qū)別,需要的朋友可以參考下2015-06-06jQuery彈出層后禁用底部滾動(dòng)條(移動(dòng)端關(guān)閉回到原位置)
這篇文章主要介紹了jQuery彈出層后禁用底部滾動(dòng)條(移動(dòng)端關(guān)閉回到原位置)的關(guān)鍵代碼,非常不錯(cuò),代碼簡(jiǎn)單易懂,需要的朋友可以參考下2016-08-08JQuery實(shí)現(xiàn)table中tr上移下移的示例(超簡(jiǎn)單)
下面小編就為大家分享一篇JQuery實(shí)現(xiàn)table中tr上移下移的示例(超簡(jiǎn)單),具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-01-01