您好,登錄后才能下訂單哦!
這篇文章主要介紹jquery中的兩個可見性過濾選擇器分別是什么,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!
jquery的可見性過濾選擇器有兩個,分別為:1、“:hidden”選擇器,用于匹配所有不可見的元素,將其封裝為jQuery對象并返回;2、“:visible”選擇器,用于匹配所有可見的元素,將其封裝為jQuery對象并返回。
jquery可見性過濾選擇器
jQuery的可見性選擇器是根據(jù)元素的可見和不可見狀態(tài)來選擇相對應(yīng)的元素。主要有兩個:
“:hidden”,選取所有不可見元素。
“:visible”,選擇所有可見元素。
可見選擇器:hidden 不僅包含樣式屬性 display 為 none 的元素,也包含文本隱藏域 ()和 visible:hidden 之類的元素。
jquery :hidden選擇器
jQuery的:hidden選擇器用于匹配所有不可見的元素,將其封裝為jQuery對象并返回。
語法:
jQuery( ":hidden" ) //或 $(':hidden')
返回值:
返回封裝了所有不可見的元素的jQuery對象。
如果找不到任何相應(yīng)的匹配,則返回一個空的jQuery對象。
注意:在jQuery中,visibility: hidden;和opacity: 0;都被視作可見的,因為它們在頁面上占據(jù)了相應(yīng)的物理空間。
示例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ $(":hidden").show(3500); }); </script> </head> <body> <p>這是一個段落。</p> <p>這是另外一個段落。</p> <p style="display:none;">這是一個隱藏段落。</p> <div style="display:none;">這是隱藏的 div 元素。</div> </body> </html>
jquery :visible選擇器
jQuery的:visible選擇器用于匹配所有可見的元素,將其封裝為jQuery對象并返回。
語法:
jQuery( ":visible" ) //或 $(':visible')
返回值:
返回封裝了所有可見的元素的jQuery對象。
如果找不到任何相應(yīng)的匹配,則返回一個空的jQuery對象。
注意:在jQuery中,visibility: hidden;和opacity: 0;都被視作可見的,因為它們在頁面上占據(jù)了相應(yīng)的物理空間。
示例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ $("p:visible").css("background-color","yellow"); }); </script> </head> <body> <h2>這是一個標題</h2> <p>這是一個段落。</p> <p>這是另外一個段落。</p> <p style="display:none">這是一個隱藏段落。 </p> </body> </html>
以上是“jquery中的兩個可見性過濾選擇器分別是什么”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對大家有幫助,更多相關(guān)知識,歡迎關(guān)注億速云行業(yè)資訊頻道!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。