jquery选择器

基本过滤器

$("li:first").css("background","yellow");//选取第一个<li>标签
$("li:last").css("background","blue");//选取最后一个<li>标签
$("li:even").css("background","green");  //选取索引是偶数的所有<li>元素“从0开始”
$("li:odd").css("background","yellow"); //选取索引是奇数的所有<li>元素“从0开始”

$("li:eq(5)").css("background","blue");  // $("li:eq(index)")选取下标为5的<li>元素
$("li:gt(2)").css("background","pink");  //$("li:gt(index)")选取下标大于2的<li>元素
$("li:lt(4)").css("background","gold"); //$("li:lt(index)")选取下标小于4（不包含本身）的<li>元素

$("#a.class").css("background","pink"); //选择器中的特殊符号需要转义
$("#a\\.class").css("background","pink"); //加两个\\就可以了
          

基本选择器

$("h1") //标签选择器 element 选取所有h1元素
$(".title")//类选择器 .class 选取所有class为title的元素
$("#title")//id选择器 #id 选取id为title的元素
$("h2.title")//交集选择器 element.class或者element#id  选取所有拥有class为title的h2元素
$("div,p,.title")//并集选择器 选取所有有div、p、和拥有class为title的元素
$("li:not(.three)")//基本过滤选择器 :not(selector) 选取class不是three的元素
$("#menu span")//后代选择器 ancestor descendant 选取#menu下的<span>元素
$("[href]")//属性选择器 [attribute] 选取含有href属性的元素
$("[href='#']")//属性选择器 [attribute=value] 选取href属性值为"#"的元素

表单选择器