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

2013-01-19

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

次のデモは現在表示されているページ内の全ての要素（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");
});
});

Tips

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

関連記事

Leave a Reply