一般常用的原生选择器有：
id选择器:document.getElementById("test")
name选择器:document.getElementsByName("test")
节点选择器:document.getElementsByTagName("p")
class选择器:document.getElementsByClassName("test")
这次要详细说的是 document.querySelector() ， 开挂般的存在， jQuery的完美替代版本。
接收一个字符串参数， 返回返文档中与指定选择器或选择器组匹配的第一个 HTMLElement 对象。 如果找不到匹配项，则返回 null 。
3.返回带有foo或者bar样式类的首个元素
4.返回id为‘my-element’的 p 元素
6.其他选择方式可自行排列组合
document.querySelector() 的用法虽然与jQuery里的$()选择器类似,但有些细微区别:
一、选项卡 （要求：点击主题字体，下方出现有关主题的内容。知识点：addClass添加样式；removeClass移除样式；siblings返回所有同级的兄弟元素；index返回当前元素的索引；eq根据索引返回指定的元素；注意：这些都是jquery的方法，所以后面都要添加“（）”）二、get和post请求（注意：书写方式与原生js不同）
三、一级导航（知识点：$('<标签名>'）是jquery的创建标签的方法；html()是jquery的获取/操作元素的html内容；text（）是jquery的获取/操作元素的文本内容；append()是添加元素）
四、二级导航
五、三级导航
六、扩展（与append类似的内部插入方法和外部插入方法）
1、内部插入方法：
a.append(b)：b插入到a的下面； a.appendTo(b)：a插入到b的下面 a.prepend(b)：b插入到a的上面； a.prependTo(b)：a插入到b的上面
2、外部插入方法：
A.after(B)，是将B插入到A的下面；A.insertAfter(B)，是将A插入到B的下面 A.before(B)，是将B插入到A的前面；A.insertBefore(B)，是将A插入到B的前面
