简要说明jQuery中的子元素过滤器选择器

子元素过滤器的过滤规则是通过父元素与子元素之间的关系获取对应的元素。

$('li:first-child ')。css('背景'，' # CCC ')；//每个父元素$ ('li:last-child ')的第一个li元素。CSS('背景'，' # CCC ')；//每个父元素$(li :独生子)的最后一个Li元素。CSS('背景'，' # CCC ')；//每个父元素只有一个li元素$(“Li : th-child(奇数)”)。CSS('背景'，' # CCC ')；//每个父元素都有奇数li元素$(' Li : th-child(偶数)')。CSS('背景'，' # CCC ')；//每个父元素都有偶数个li元素$(“Li : th-child(2)”)。CSS('背景'，' # CCC ')；//我们知道如何使用每个父元素的第三个li元素。

:first筛选器选择器可以获取指定父元素中的第一个子元素，但是选择器只返回一个元素，而不是一个集合。

:第一个子元素过滤器选择器可以获得从每个父元素返回的第一个子元素，这是一个集合，通常用于从多个集合中选择数据。

如下图所示，如果你想得到页面上每个ul的第一个li并改变它的颜色。你可以用。

: First-child body H3 MiG“蔬菜和水果”中第一行的文本颜色/h3 ul li芹菜/li li茄子/li li萝卜/li li大白菜/li li番茄/li /ul ul li橙子/li香蕉/li葡萄/li li苹果/li li西瓜/Li/ul/body script type=' Text/JavaScript ' $(' li: First-child ')。css('color '，' red ')；浏览器中显示的/script的效果：

及格

$('li:first-child ')选择器代码，获取两个ul父元素的第一个li元素，并使用。

css()方法修改它们在页面上显示的文本颜色。