2.1子代选择器
需求描述：选择ul下的所有span子元素，设置其背景为红色
<ul> <span>我是ul的span1</span> <li>我是li1 <span>我是li1的span1</span></li> <li>我是li2 <span>我是li2的span2</span></li> <li>我是li3 <span>我是li3的span3</span></li> <span>我是ul的span2</span> </ul>
2.2后代选择器
需求描述：选择ul下的所有span元素，设置其背景为红色
<ul> <span>我是ul的span1</span> <li>我是li1 <span>我是li1的span1</span></li> <li>我是li2 <span>我是li2的span2</span></li> <li>我是li3 <span>我是li3的span3</span></li> <span>我是ul的span2</span> </ul>
$('ul span').css('background', 'red');
2.3兄弟选择器
需求描述：选中id为box的下一个兄弟li，设置其背景为红色
<ul> <span>我是ul的span1</span> <li id="box">我是li1 <span>我是li1的span1</span></li> <li>我是li2 <span>我是li2的span2</span></li> <li>我是li3 <span>我是li3的span3</span></li> <span>我是ul的span2</span> </ul>
$('#box+li').css('background', 'red');
需求描述：选中id为box的后边的兄弟li，设置其背景为红色
<ul> <span>我是ul的span1</span> <li id="box">我是li1 <span>我是li1的span1</span></li> <li>我是li2 <span>我是li2的span2</span></li> <li>我是li3 <span>我是li3的span3</span></li> <span>我是ul的span2</span> </ul>
$('#box~li').css('background', 'red');
2.4过滤选择器：
A.需求描述：实现隔行变色，让表格的奇数行的背景变为红色，:even代表选取下标为偶数的行
<table cellspacing="0px" cellpadding="10px" border="1px"> <tr><td>张三</td><td>男</td><td>21</td></tr> <tr><td>李四</td><td>女</td><td>22</td></tr> <tr><td>王五</td><td>男</td><td>23</td></tr> <tr><td>赵六</td><td>女</td><td>24</td></tr> </table>
B.需求描述：实现让表格的第一行的背景变为红色
$('tr:first').css('background', 'red');
C.需求描述：实现让表格的最后一行的背景变为红色
$('tr:last').css('background', 'red');
D.需求描述：实现让下标（从0开始）小于2的行数的背景变为红色
$('tr:lt(2)').css('background', 'red');
E.需求描述：实现让下标（从0开始）大于2的行数的背景变为红色
$('tr:gt(2)').css('background', 'red');
F.需求描述：实现让下标（从0开始）等于2（就是第三个）的行数的背景变为红色
$('tr:eq(2)').css('background', 'red');
G.需求描述：实现让下标（从0开始）不等于2的行数的背景变为红色
$('tr:not(tr:eq(2))').css('background', 'red');
