jquery idセレクタとclassセレクタの違い
1001 ワード
Title
$(function(){
alert($('.box').size()); // 2
});
hello
world
Size()メソッドはDOMオブジェクトの個数を返します
Title
$(function(){
alert($('#box').size()); // id=box DOM , 1
});
hello
world
idは一意であり、複数のidが同じ要素を持っていてもjqueryセレクタはそのうちの1つしか取得できません.したがって、jqueryでidに動作を設定したい場合は、idはページに1回しか表示されません.
CSSスタイルでは、ページ内のすべてのid=boxのDOMオブジェクトを選択できます.
互換性:ID互換性、class互換性なしIE 6,7,8 数量:IDで1つのdom要素しか取得できません.classで1組の要素を取得できます.
汎用性:IDが重複できない、classが重複できるのでclassの方が使いやすい、これもjQueryが広く対応できる理由(セレクタが良い)です.