1.css选择器
例子:
a 匹配所有连接<a>标签
#sss 所有id为sss的元素
a#sss.yangshi 所有id为sss并且有yangshi类的a元素
p a.sss 所有在p中带有sss类的a元素
ul>li>p>a 在ul里的第一层元素li的第一层元素p的第一层元素a ,也就是孩子元素
a[href^=http://] 表示所有连接为开头http://的a元素
a[hre*f=*http://]
a[href$=http://]
p:has[a] 所有有a元素的p元素
总结:
.表示是类 #表示是id 空格表示在里面
> 直接的子元素,孩子元素
[]特性符号,具有某种特性的某个元素,可以用正则例如:^托头,就是头部是什么的,*包含,$结尾
has有什么的元素
2.位置选择
:first 第一个
:last 最后一个
:first-child 第一个子元素
:last-child 最后一个子元素
:even 偶数的元素
: odd 奇数的元素
:eq(n)这个太牛逼了,会数数的都能用好,n从0开始,编程的都知道吧
:lq(n) 第n个元素以后的所有元素,不包括本身
:gq(n)第n个元素之前的所有元素,不包括本身
第几个说的都是同种元素并不是所有元素,例如a:eq(n)就是a元素的第几个
还有很多具体参考锋利的jquery27页
3.自定义选择器
:animated
:button
:checked
:contains(foo)
:disabled
:enabled
:file
:header
:image
:input
:not
:parent
:radio
:reset
:selected
:submit
:text
:visible
参考锋利的jquery
对冒号的理解就是符合冒号后面条件的元素