selector1, selector2, selectorN
5.1.5.Visibility Filters
:hidden Kiểu trả về: Array<Element(s)>
Tương ứng với tất cả các phần tử được ẩn đi hoặc phần tử vào có dạng ẩn “hidden”.
Ví dụ: Ẩn các thẻ “div”. $("div:hidden").show(3000);
:visble Kiểu trả về: Array<Element(s)>
Tương ứng với các phần tử nhìn thấy được
Ví dụ: Click chuột vào các thẻ div nhìn thấy được.
$("div:visible").click(function() {$(this).css("background", "yellow");});
Ví dụ:Vi_du_9_5.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Vi_du_9_5.aspx.cs" Inherits="Vi_du_9_5" %>
<!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 runat="server">
Microsoft Vietnam – DPE Team | Bài số 9: jQuery 9
<script src="jquery-1.3.2-vsdoc.js" type="text/javascript"></script>
<script src="jquery-1.3.2.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function() {
$("span:first").text("Tìm thấy " + $(":hidden", document.body).length + " phần tử ẩn.");
$("div:hidden").show(3000);
$("span:last").text("Tìm thấy " + $("input:hidden").length + " inputs ẩn.");
$("div:visible").click(function() { $(this).css("background", "yellow"); });
}); </script> </script>
<style type ="text/css" >
div { width:70px; height:40px; background:#ee77ff; margin:5px; float:left; }
span { display:block; clear:left; color:red; } .starthidden { display:none; }
</style> </head> <body>
<span></span>
<div></div>
<div style="display:none;">Ẩn</div>
<div></div>
<div class="starthidden">Ẩn</div>
<div></div>
<input type="hidden" />
<input type="hidden" />
<input type="hidden" />
<span></span> </body>
</html>