首页 > 其他 > 详细

选择器

时间:2016-01-27 19:18:40      阅读:229      评论:0      收藏:0      [点我收藏+]
空格:$(‘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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!