//$("div:first")选取第一个<div> //$("div:last")选取最后一个<div> //$("div:not(.myClass)")选取没有应用myClass的<div> //$("div:even")选取索引是偶数的<div>,$("div:odd")选取索引是奇数的<div>这里的奇数偶数是从0开始的 //$("div:eq(1)")选取索引等于1的<div>,$("div:gt(2)")选取索引大于2的<div>,$("div:lt(6)")选取索引小于6的<div> //$("div:h1")选取所有应用h1的<div>,其中可以是h1-h6,$(":header")选择所有的h标签 //$("div:animated")选取正在执行动画的<div> //相对过滤器$("#div1",$("div2"))div1则相对于div2这个对象为基准进行相对的选择,div2是一个相对的jquery对象 //属性过滤器 //$("div[id]")选取有id属性的<div> //$("div[title=test]")选取title属性为"test"的<div> //$("div[title!=test]")选取title属性不为"test"的<div> //表单对象选择器 //$("#form1:enabled")选取id为form1表单内所有启用的元素 //$("#form1:disabled")选取id为form1表单内所有禁用的元素 //$("input:checked")选取所有选中的元素(radio,checkBox) //$("input:selected")选取所有选中的选项元素(下拉列表) $(function () { $("#table1 tr:first").css("fontSize", "45"); $("#table1 tr:last").css("color", "red"); $("#table1 tr:gt(0):lt(3)").css("fontSize", "30"); //gt之后的lt是从新序列计算序号的 $("#table1 tr:gt(0):even").css("background", "red"); //偶数行背景变红 $("#table1 tr:gt(0):odd").css("background", "yellow"); //奇数行背景变黄 $("#table1 tr:gt(0)").click(function () { $("td",$(this)).css("background", "#000"); });//除标头外点击当前行背景变黑 }); $(function () { //$("#div1").click(function () { $("li").css("background", "red"); }); //所有li背景都变红了 $("#div1").click(function () { $("li", $(this)).css("background","red"); });//仅div1里的li背景变红了,是相于点击的当前位置来说的 }); $(function () {//属性选择器和表单选择器的综合利用 $("input[value=显示选中的项]").click(function () { $("input:checked").css("background","#f00"); }); }); 网页内容: <table id="table1"><tr><td>姓名</td><td>成绩</td></tr><tr><td>张三</td><td>100</td></tr><tr><td>李四</td><td>99</td></tr><tr><td>王五</td><td>98</td></tr><tr><td>马六</td><td>56</td></tr><tr><td>牛七</td><td>78</td></tr><tr><td>马八</td><td>89</td></tr><tr><td>刘九</td><td>67</td></tr><tr><td>平均分</td><td>78</td></tr></table><div id="zonghe"> <div id="div1"> <ul> <li>asdfasdfasdf</li> <li>asdfasdfasdf</li> <li>asdfasdfasdf</li> <li>asdfasdfasdf</li> </ul> </div> <div id="div2"> <ul> <li>111111111111</li> <li>111111111111</li> <li>111111111111</li> <li>111111111111</li> </ul> </div></div><input type="checkbox" value="北京" />北京<br /><input type="checkbox" value="南京" />南京<br /><input type="checkbox" value="东京" />东京<br /><input type="button" value="显示选中的项" />