空格:$(‘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的元素
选择器
原文:http://www.cnblogs.com/chuangweili/p/5164067.html