jquery选择器

 

— 基本选择器

— $("#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");

— 设置所没有内容的单元格