一、原生JS中获取元素的方法
①根据id： document.getElementById('id'); 返回一个元素
②根据标签： document.getElementsByTagName('p'); 返回p标签伪数组
③根据类样式： document.getElementsByClassName('x'); 返回类样式为x的伪数组
④根据name属性： document.getElementsByName('x'); 返回name属性为x的伪数组
⑤query选择器： document.querySelector()||document.querySelectorAll(); 前者返回单个元素，后者返回一个伪数组。该方法主要用来查询匹配CSS选择器的单个或多个元素
此外还有几个比较特殊的元素获取方式需要注意一下：body:document.body; title:document.title; html:document.docuemntElement;
二、jQuery中获取元素的方法
2.1 基础选择器
①根据id：
$('id');
②根据标签：
$('标签名');
③根据类样式：
$('.类名');
2.2 交集、并集选择器
$(选取器1，选择器2,....)；//交集选择器
$(span.cls)；//并集选择器，选择类名为cls的span标签
2.3 层次选择器
$('li span'); //后代选择器，li后代中所有的span
$('li>span'); //子代选择器，li子代中所有的span
$('#dv~span');//#dv后方兄弟span标签
$('#dv+span');//#dv后方直接跟着的兄弟span标签
2.4 索引选择器
$(对象:eq(索引值))；//选中该索引值对应的对象
$(对象:lt(索引值))；//选中小于该索引值所有的对象
$(对象:gt(索引值))；//选中大于该索引值所有的对象
$(对象:odd/even) //选中索引值为奇数/偶数的对象
