sizzle选择器的使用
<!doctype html> <html> <head> <meta charset="utf-8"> <title>sizzle选择器</title> <meta name="keywords" content=""> <meta name="description" content=""> </head> <body> <ul> <li class="bgred">111</li> <li>222</li> <li id="li3">333</li> <li>444</li> <li class="bgred">555</li> <li>666</li> <li class="bgred">777</li> </ul> <script type="text/javascript" src="sizzle.min.js"></script> <script>
var li3=document.getElementById('li3'); // Sizzle选择器引擎 所有匹配返回元素集合(包括ID),sizzle.js需要自己下载 Sizzle('#li3')[0].style.background='green'; Sizzle('ul .bgred')[0].style.background='red'; Sizzle('ul .bgred')[1].style.background='red'; Sizzle('ul .bgred')[2].style.background='red'; </script> </body> </html>