— 基本选择器
— $("#txt").css("background-color","red");
— 设置id为txt的元素
— $("p").css("background-color","blue");
— 设置p元素
— $(".myclass").css("background-color","yellow");
— 设置class为myclass的元素
— $(".myclass,#txt").css("background-color","gray");
— 设置class为myclass以及id为txt的元素
— 层次选择器
— $("#mydiv span").css("background-color","green");
— 设置mydiv所有span子孙元素
— $("#mydiv>span").css("background-color","pink");
— 设置mydiv所有span儿子元素
— $("#mydiv+span").css("background-color","pink");
— 设置mydiv后所有span兄弟元素
— 表单选择器
— $(":input").css("background-color","green");
— 设置所有表单元素
— $(":text").css("background-color","pink");
— 设置所有文本框
— $(":button").css("background-color","pink");
— 设置所有按钮
— 基本过滤器
— $(".class1:first").css("background-color","green");
— 设置所有class是class1的元素的第一项
— $(".class1:last").css("background-color","green");
— 设置所有class是class1的元素的最后一项
— $(".class1:even").css("background-color","green");
— 设置所有class是class1的元素的偶数项
— $(".class1:odd").css("background-color","green");
— 设置所有class是class1的元素的奇数项
— $(".class1:eq(3)").css("background-color","green");
— 设置所有class是class1的元素中下标为3的项
— $(".class1:gt(3)").css("background-color","green");
— 设置所有class是class1的元素中下标大于3的项
— $(".class1:lt(3)").css("background-color","green");
— 设置所有class是class1的元素中下标小于3的项
— $(".class1:not(p)").css("background-color","green");
— 设置所有class是class1的元素中不为p的项
— 属性过滤器
— $(".class1[id]").css("background-color","green");
— 设置所有class是class1的元素中具有id属性的项
— $(".class1[name='txt']").css("background-color","green");
— 设置所有class是class1的元素中name属性值为txt的项
— $(".class1[name!='txt']").css("background-color","green");
— 设置所有class是class1的元素中name属性值为txt的项
— $(".class1[name^='txt']").css("background-color","green");
— 设置所有class是class1的元素中name属性值以txt开头的项
— $(".class1[name$='txt']").css("background-color","green");
— 设置所有class是class1的元素中name属性值以txt结尾的项
— $(".class1[name*='txt']").css("background-color","green");
— 设置所有class是class1的元素中name属性值包含txt的项
— $(".class1[id][name='txt']").css("background-color","green");
— 设置所有class是class1的元素中有id属性并且name属性值为txt的项
— 表单过滤器
— $(":text:disabled").css("background-color","green");
— 设置所有禁用的文本框
— $(":button:enabled").css("background-color","green");
— 设置所有启用的按钮
— $(":checkbox:checked").css("background-color","green");
— 设置所有选中的复选框
— 内容过滤器
— $("div:contains('gcd') ").css("background-color","green");
— 设置所有包含gcd字符串的div
— $("div:has(p)").css("background-color","green");
— 设置所有包含段落的div
— $("td:empty").css("background-color","green");
— 设置所没有内容的单元格