jQuery 可視性フィルタ:hidden と :visibility の使用例 example_jquery

この記事の例では、jQuery の可視性フィルター (非表示と可視性) の使用法について説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

:非表示
CSS の可視性属性を使用して要素を表示せずにスペースを占有する場合、その要素は非表示にはなりません。
display:none, $("tr:hidden")

の tr 要素を見つけます。

:表示
表示されているすべての要素と一致する
表示が none ではないすべての要素を検索します。 $("tr:visible")

例:

<tr id="one"style="display:none;"><td>1</td><td>2</td></tr>
<tr id="two"style="visibility:hidden;"><td>3</td><td>4</td></tr>
<tr id="three"><td>5</td><td>6</td></tr>
$("tr:hidden");//选中id为one的元素
$("tr:visible");//选中id为"two"和"three"的元素

実際には、ここでの 2 つのフィルターは、要素が非表示であるかどうかは関係ありません。display:none がない場合は、hidden を使用して取得できます。それが何であってもそれを手に入れてください。

この記事が皆さんの jQuery プログラミングに役立つことを願っています。