无优先级
基本选择器:ID,class,标签名,组合,全局
层级选择器: 后代元素 ul li;子元素 ul>li; selector+selector 紧邻的兄弟元素, selector~selector后面的所有元素
筛选选择器:> > &it >
:first :last
:eq(index)
:it(index) 小于
:gt(index) 大于
:odd 奇数
:even 偶数
:target 锚点指向的元素
属性autofocus
内容选择器:
:contains('内容')
:has('筛选条件如 #classname的选择器')
:empty 无内容无子元素,空格也是内容
:parent
属性选择器:
标签[作为筛选条件的属性][][]可以给属性指定作为筛选条件的值。^='字符串' 以什么开头,$='?' 以什么结尾,*='?' 包含什么的。 可以写多个属性
子元素选择器:
li:first-child 选择所有兄弟元素的第一个li元素
:nth-child (n) 从1开始(数据库参数也是从1
:nth-last-child(n)
:only-child 无子元素的元素
:first-of-type 兄弟元素中相同标签的第一个
:nth-child()所有兄弟元素里的第五个标签
:nth-of-type() 所有兄弟元素中所有相同标签的第五个
:only-of-type() 所有没有具有相同标签兄弟元素的所有元素
表单选择器:
:Input 所有表单控件
:submit 具有提交功能的按钮
混淆选择器:
$.escapeSelector (selector)用于ClassName或者IDname有特殊符号的。如 ID='#demo' 普通选择无法操作,这时用$('#'+$.escapeSelector('#demo'))来进行拼接选择
网友评论