1、基本的选择器$(“#one“).css(“background“,“#bbffaa“);改变 id 为 one 的元素的背景色$(“.mini“).css(“background“,“#bbffaa“);改变 class 为 mini 的所有元素的背景色$(“div“).css(“background“,“#bbffaa“);改变元素名是div 的所有元素的背景色$(“*“).css(“background“,“#bbffaa“);改变所有元素的背景色 $(“span,#two“).css(“background“,“#bbffaa“);改变所有的 span 元素和 id 为 two 的元素的
2、背景色层次选择器$(“body div“).css(“background“,“#bbffaa“); 改变 body 内所有div的背景色$(“body div“).css(“background“,“#bbffaa“);改变body 内子div 元素的背景色$(“.one + div“).css(“background“,“#bbffaa“);改变 class 为 one 的下一个div元素背景色$(“#two“).nextAll(“div“).css(“background“,“#bbffaa“);改变 id 为 two 元素后面的所有div兄弟元素的背景色过滤选择器-基本过滤选择器$(“
3、div:first“).css(“background“,“#bbffaa“);改变第一个 div 元素的背景色$(“div:last“).css(“background“,“#bbffaa“);改变最后一个 div 元素的背景色$(“div:not(.one)“).css(“background“,“#bbffaa“);改变 class 不为 one 的 div 的背景色$(“div:even“).css(“background“,“#bbffaa“);改变索引值为偶数的div元素的背景色$(“div:odd“).css(“background“,“#bbffaa“);改变索引值为奇数的di
4、v元素的背景色$(“div:eq(3)“).css(“background“,“#bbffaa“);改变索引值为 3 的div元素的背景色$(“div:gt(3)“).css(“background“,“#bbffaa“);改变索引值为大于 3 的div元素的背景色$(“div:lt(3)“).css(“background“,“#bbffaa“);改变索引值小于 3 的div 元素的背景色$(“:header“).css(“background“,“#bbffaa“);改变所有标题元素的背景色$(“:animated“).css(“background“,“#bbffaa“);改变当前正在执
5、行动画元素的背景色过滤选择器-内容过滤选择器$(“div:contains(di)“).css(“background“,“#bbffaa“);改变包含文本“di”的div元素的背景色$(“div:empty“).css(“background“,“#bbffaa“);改变不包含子元素(包含文本)的div元素的背景色$(“div:has(.mini)“).css(“background“,“#bbffaa“);改变含有 class 为 mini 元素div元素的背景色$(“div:parent“).css(“background“,“#bbffaa“);改变包含子元素(包含文本)的 div元素
6、的背景色过滤选择器-可见性过滤选择器$(“div:visible“).css(“background“,“#FF6500“);改变所有可见的div元素的背景色$(“div:hidden“).show(3000);显示所有隐藏div元素的背景色过滤选择器-属性过滤选择器$(“divtitle“).css(“background“,“#FF6500“);改变含有属性 title 的div元素的背景色$(“divtitle=test“).css(“background“,“#FF6500“);改变属性 title 值等于 test 的div元素的背景色$(“divtitle!=test“).css(
7、“background“,“#FF6500“);改变属性 title 值不等于 test 的div元素的背景色$(“divtitle=te“).css(“background“,“#FF6500“);改变属性 title 值以“te”开始的div 元素的背景色$(“divtitle*=es“).css(“background“,“#FF6500“);改变属性 title 值含有 es 的div元素的背景色$(“dividtitle*=es“).css(“background“,“#FF6500“);改变含有属性 id,并且属性 title 值含有es 的div元素的背景色过滤选择器-子元素过滤
8、选择器$(“div.one :nth-child(2)“).css(“background“,“#FF6500“);改变 class 为 one 的div父元素下的第 2 个子元素的背景色$(“div.one :first-child“).css(“background“,“#FF6500“);改变 class 为 one 的div父元素下的第 1 个子元素的背景色$(“div.one :last-child“).css(“background“,“#FF6500“);改变 class 为 one 的div父元素下的最后 1 个子元素的背景色$(“div.one :only-child“).css(“background“,“#FF6500“);改变 class 为 one 的div父元素下的只有一个子元素的背景色