index() 就会返回index,只有用eq() 就行了
选择器
#
.
*
ab
a b
a>b b可省
a+b b可省 选中左边符合a紧挨着的右边符合b 其中的b,a不会选中 只选中右边的
a~b b可省 siblings 选符合条件的a右边的所有符合条件的b,像+一样选中右边,不像+一样只选一个
a,b b可省
a:first
a:last
a:even 偶
a:odd 奇
[href] 是属性选择,不是css选择$("[class=active]")这种可以
[href=""] 一般的li[href] 这种写法只是习惯,只是并集选择,li [href] 这个说就是后代选择 属性不用引号
[href&= ]
[href^= ]
[href*= ]
[][] 属性并 $("li[class][title*=y]")
eq $("li:eq(1)" ) $("li" ).eq(1)
gt
lt
is if($("[fds]").is("li:eq(0)")) is里也是个选择器
:not(selector)
:header 所有标题 h1到h6
:focus 所以获得焦点的元素
:visible
:hidden
$("div:first~div").css("border", "1px solid pink");
选择器中的空格
每个选择器都是独立的,除了 :eq那几个。所以只要写在一起就是组合选择器。
var $t_a = $(".test :hidden"); //带空格的jQuery选择器
选取class为“test”的元素内部的隐藏元素
var $t_b = $(".test:hidden"); //不带空格的jQuery选择器
选取隐藏的class为“test”的元素
遍历
垂直
patent(选择器)
parents(选择器)
find(选择器) 所有子孙中查找
children(选择器) 儿子中查找
水平
next(选择器)
prev(选择器)
siblings(选择器) 兄弟中查找,次元素前后的兄弟都中招,不加选择器量<scrip>都中招。包含自己
隔行变色
$("tr:even").css("background-color","#ccc");
评论区