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が広く対応できる理由(セレクタが良い)です.