用功Jquery的都知道他最强的之处在于$选择器,非常方便的操作dom文档,不用像原声js那样docuemnt.getElementById...等等。
今天给大家介绍JS最新推出的原声选择器API,document.querySelector 和 document.querySelectorAll 方法:
document.querySelector
介绍:querySelector() 方法返回文档中匹配指定 CSS 选择器的一个元素
document.querySelectorAll
介绍:querySelector() 方法返回文档中匹配指定 CSS 选择器的所有的元素
用法实例:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <div id="aa">nihao</div> <ul> <li>nihao1</li> <li>nihao1nihao1</li> <li>nihao1</li> <li>nihao1</li> <li>nihao1</li> </ul> <span>吃</span> <script type="text/javascript"> window.onload = function(){ if(document.querySelector){ var aa = document.querySelector("#aa"); console.log(aa); }else{ console.log('none') } if(document.querySelectorAll){ var bb = document.querySelectorAll('.bb'); console.log(bb); }else{ console.log('none2') } } </script> </body> </html>