一、基本选择器
ID选择器 $("#id")
标签选择器 $("ele")
类选择器 $(".classname")
通配选择器 $("*")
组选择器 $("select1,select2")
二、层级选择器
1.包含选择器:$(“a b”)在给定的祖先元素下匹配所有后代元素(不受层级限制)
1 $(function(){ 2 $("#box,.pox").css("background","cyan"); 3 })
2.子选择器:$(“parent>child”)在给定的父元素下匹配所有子元素。
1 $(function(){ 2 $("#box>p").css("background","green"); 3 })
3.相邻选择器:$(“prev + next”)匹配所有紧接在prev元素后的next元素。
$(function(){ $(".pox+p").css("background","blue"); })
4.兄弟选择器:$(“prev ~ siblings”)匹配prev元素之后的所有sibling元素
$(function(){ $("#box .pox~p").css("background","yellow"); })
三、伪类选择器(从 1 开始记)
:first 匹配找到的第1个元素
:last 匹配找到的最后一个元素
:eq() 匹配一个给定索引值的元素 【 定哪个就从那个以后算】
:even 匹配所有索引值为偶数的元素 【1为偶数】
:odd 匹配所有索引值为奇数的元素
:gt(index) 匹配所有大于给定索引值的元素 【大于+1】
:lt(index) 匹配所有小于给定索引值的元素 【含自身】
:not 去除所有与给定选择器匹配的元素