jQueryで全ての要素を選択する “*”




全ての要素を選択する。
尚、このセレクタを使用すると動作が非常に遅くなるので注意。(セレクタ単独で使用する場合を除く)

次のデモは現在表示されているページ内の全ての要素(headやbodyも含めて)の数を数える。
ブラウザのアドオンが自動的にsytleやlinkなどの要素を追加している場合はそれらも数えてしまう。


1
2
3
4
5
6
7
$(function(){
    $("#btnDemo1").click(function(){
        var elementCount = $("*").addClass("demo").length;
        alert(elementCount + " 個の要素があります。");
        $("*").removeClass("demo");
    });
});

一方、次のデモは特定の要素に含まれる要素の数を数える。

1
2
3
4
5
6
7
$(function(){
    $("#btnDemo2").click(function(){
        var elementCount = $("#test").find("*").addClass("demo").length;
        alert(elementCount + " 個の要素があります。");
        $("#test").find("*").removeClass("demo");
    });
});

関連記事

Leave a Reply

アーカイブ