【Css选择器】标签选择器标签名{}适用于所有该标签元素ID选择器#id{}适用于该ID元素类选择器.类型{}适用于所有该class元素群组选择器选择器,选择器{}适用于该群组选择的所有元素后代选择器父选择器子选择器{}适用于该父选择器下的所有子选择器通配选择器*{}适用于所有元素伪类选择器E[att^="val"]匹配具有att属性、且值以val开头的E元素E[att$="val"]匹配具有att属性、且值以val结尾的E元素E[att*="val"]匹配具有att属性、且值中含有val的E元素E:root匹配文档的根元素。在HTML中，根元素永远是HTMLE:nth-child(n)匹配父元素中的第n个子元素EE:nth-last-child(n)匹配父元素中的倒数第n个结构子元素EE:nth-of-type(n)匹配同类型中的第n个同级兄弟元素EE:nth-last-of-type(n)匹配同类型中的倒数第n个同级兄弟元素EE:last-child匹配父元素中最后一个E元素E:first-of-type匹配同级兄弟元素中的第一个E元素E:only-child匹配属于父元素中唯一子元素的EE:only-of-type匹配属于同类型中唯一兄弟元素的EE:empty匹配没有任何子元素（包括text节点）的元素E:target匹配相关URL指向的E元素E:enabled匹配所有用户界面（form表单）中处于可用状态的E元素E:disabled匹配所有用户界面（form表单）中处于不可用状态的E元素E:checked匹配所有用户界面（form表单）中处于选中状态的元素EE::selection匹配E元素中被用户选中或处于高亮状态的部分E:not(s)匹配所有不匹配简单选择符s的元素EE~F匹配E元素之后的F元素【JavaScript选择器】document.getElementById(“id”)通过id获取元素，返回元素document.getElementsByName(“name”)通过name获取元素，返回NodeListdocument.getElementsByTagName(“tag”)通过标签获取元素，返回NodeListdocument.getElementsByClassName(“class”)通过样式获取元素，返回NodeListdocument.querySelectorAll(“css选择器”)通过CSS选择器选择元素，返回NodeListdocument.querySelector(“css选择器”)通过CSS选择器选择元素，返回第一个符合的元素element.parentNode该节点的父节点element.childNodes该节点的子节点element.firstChild该节点的第一个子节点element.lastChild该节点的最后一个子节点element.nextSibling该节点的前一个节点element.previoursSibling该节点的下一个节点element.nodeType该节点的类型element.nodeValueText/Comment节点的文本内容element.nodeName元素的标签名【jQuery选择器】1、基本选择器$(“#id”)返回id是id的单个元素$(“.class”)返回类名是class的一组元素$(“div”)返回所有该标签元素$(“*”)返回所有元素$(“div,span”)返回所有匹配的元素2、层次选择器$(“e1e2”)返回e1元素里所有的e2元素$(“e1>e2”)返回e1元素里的所有子级e2元素$(“e1+e2”)返回e1元素的下一个同辈e2元素==》$(“e1”).next(“e2”)$(“e1~e2”)返回e1元素后面的所有同辈e2元素==》$(“e1”).nextAll(“e2”)3、过滤选择器3.1基本过滤器$(“e1:first”)返回所有e1元素中的第一个e1元素$(“e1:last”)返回所有e1元素中的最后一个e1元素$(“e1:not(选择)”)返回所有e1中不包含选择条件的元素$(“e1:even”)返回所有e1中索引是偶数的元素$(“e1:odd”)返回所有e1中索引是奇数的元素$(“e1:eq(index)”)返回所有e1中索引