HTML 5におけるクラスjQueryセレクタquerySelectorの使用

概要
HTML 5は、Web APIにdocumentを新たに導入する.义齿querySelectorAllの2つの方法は、jQueryのセレクタと同様に機能するDOMから要素をより容易に選択するために使用されます.これにより、オリジナルJavaScriptコードを作成する際に便利になります.用法========2つの方法は差の少ない文法を使用し、いずれも文字列パラメータを受信し、このパラメータは合法的なCSS選択文法である必要がある.

 element = document.querySelector('selectors');
 elementList = document.querySelectorAll('selectors');
 

パラメータselectorsは、カンマで区切られた複数のCSSセレクタを含むことができる.

 element = document.querySelector('selector1,selector2,...');
 elementList = document.querySelectorAll('selector1,selector2,...');
 

この2つの方法では、querySelector(':hover')などの擬似クラス状態を持つ要素を検索できません.予想される結果は得られません.querySelector

 element = document.querySelector('div#container');//  id container   div
 element = document.querySelector('.foo,.bar');//    foo  bar        
 

querySelectorAll
このメソッドは、条件を満たすすべての要素を返し、結果はnodeListセットです.検索ルールは前述のとおりです.

elements = document.querySelectorAll('div.foo');//     foo    div

は、返されるnodeListの集合の要素が非リアルタイムであることに注意すべきである.