Documentがロードされた段階で表示されていたdivは、クリックすると黄色くなるようにイベントを設定します。
ボタンを押すと、隠れている要素が表示されるようにします。
Selectors/API/jQuery
:visible
表示されている要素を抽出します。
サンプル
サンプル1
<button>Show hidden to see they don't change</button> <div></div> <div class="starthidden"></div> <div></div> <div></div> <div style="display:none;"></div>
$("div:visible").click(function () {
$(this).css("background", "yellow");
});
$("button").click(function () {
$("div:hidden").show("fast");
});
[全コードを表示]
[実行結果を単体で表示]