Jqueryセレクタ(5)-Visibility Filters

1317 ワード

可視フィルタ
[1]  :hidden     
Returns: Array
     
説明:すべての非表示要素に一致します.jQuery 1.3.2では、非表示要素の計算方法が変更されました.要素が非表示であると仮定すると、ドキュメントフローに親ノードがスペースを消費しません.css visibilityプロパティ設定の要素は考慮されません.(visibilityプロパティは要素を非表示にすることができますが、要素はドキュメントストリームに空間を占めています)
      
$("span:first").text("Found " + $(":hidden", document.body).length + 
         " hidden elements total.");
$("div:hidden").show(3000);
$("span:last").text("Found " + $("input:hidden").length + " hidden inputs.");

[2]  :visible     
Returns: Array
     
説明:すべての表示要素に一致します.jQuery 1.3.2では,可視要素の計算方式が変化した.要素が表示されていると仮定すると、その要素またはその親ノードがドキュメントストリームにスペースを消費します.css visibilityプロパティ設定の要素は考慮されません(
visibility:hidden;この要素も表示されていると考えられます).
      
$("div:visible").click(function () {
   $(this).css("background", "yellow");
});
$("button").click(function () {
   $("div:hidden").show("fast");
});


----------------------------------------------------------------------------------------------------------------------------------