document.queryselector其实也不算是html5的新增元素，它只是继承了html4的属性，今天我们就来说说document.queryselector属性如何使用?
先看一个实例，结合实例分析一下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>querySelector/querySelectorAll</title>
</head>
<body>
<div>
<ul>
<li>item1</li>
<li>item2</li>
<li>item3</li>
<li>item4</li>
<li>item5</li>
</ul>
</div>
<script src="jquery-1.11.1.min.js"></script>
<script type="text/javascript">
(function(){
/*返回第一个满足选择器条件元素 一个dom对象*/
var first_item =document.querySelector('.item');
console.log(first_item);
/*返回所有满足条件的元素 一个元素类型时一个dom类型的数组*/
var items = document.querySelectorAll('.item');
console.log(items);
/*$('.item')返回一个jQuery对象(实际上是dom元素的数组)
* 本质上jQuery方式和qs方式都是获取dom数组，只不过jQuery会多一些其他成员
* dom数组的每个成员注册事件不能像jQuery一样直接注册，必须分别给每个元素注册
* */
var $items = $('.item');
console.log($items);
$items.on('click',function(){
alert("这是jq选择器");
})
})();
</script>
</body>
</html>以上就是html5新增元素document.queryselector属性的使用方法，不知道大家有什么更优的方案吗，如果有的话，记得分享给我哦，感谢您访问“我爱捣鼓(www.woaidaogu.com)”网站的内容，希望对大家有所帮助！引用本文内容时，请注明出处！谢谢合作！
