选择器

空格：$('parent childchild')表示获取parent下的所有的childchild节点，所有的子孙。

 

大于号：$('parent>child')表示获取parent下的所有child的儿子，第一代。

 

加号：$('pre + nextbrother')表示获得pre节点的下一个兄弟节点，相当于next()方法

 

波浪号：$('pre ~ brother')表示获取pre节点的后面的所有兄弟节点，相当于nextAll()方法。

 

jQuery选择器可接受更多参数，指定选择器的上下文：$('input', this) 在当前对象查找input控件

 

:nth-of-type（an+b） 从元素集的头部开始遍历下来，而:nth-last-of-type 是从底部开始遍历

nth-of-type 和 nth-child 不同之处在于nth-of-type 匹配数量占优的元素类型，而nth-child不会去判断元素类型

 

a[src^="https"]   选择src属性以https开头的a标签

a[src$="com"]     选择src属性以com结尾的a标签

a[src*="com"]     选择src属性包含com的a标签

 

p:empty 选择没有任何子元素（包括文本节点）的 元素。

 

p::selection        作用于被用户选择的元素

 

#news:target     作用于被定位的目标锚点，如下：

p:target{background-color：red}

<p><a href="#news1">跳转至内容 1</a></p>
<p id="news1">作用于这里</p>

 

::-ms-check     可以更改现代ie单复选框的样子

.hidden::-ms-reveal { display: none; }   隐藏ie密码输入框的眼睛，也可以调整样式

 

复杂实例：

.class1.class2{}    表示只作用于拥有class1的元素

 

.top+:not(.top):before  应用在紧跟.top类后的第一个不含.top的元素