9.5　练习

要完成以下练习，读者需要本章的index.html文件，以及complete.js中包含的已经完成的JavaScript代码。可以从Packt Publishing网站http://www.packtpub.com/support下载这些文件。

“挑战”练习有一些难度，完成这些练习的过程中可能需要参考 jQuery 官方文档： http://api.jquery.com/。

• 修改为表格行添加条纹效果的例子，第一行不添加任何类、第二行添加alt类、第三行添加alt-2类。在每个子区域中以三个表格行为一组应用上述模式。

• 创建一个新的选择符插件:containsExactly()，用于选择包含的文本与传入括号中的文本完全相同的元素。

• 使用新的:containsExactly()选择符重写代码清单9-3中的筛选代码。

• 创建一个新的DOM遍历插件.grandparent()，可以在DOM中移动到一个或一组元素的祖父元素。

• 挑战：使用http://jsperf.com/，把index.html的内容粘贴进去，比较一下使用下列方式查找与<td id="release">最接近的祖先表格元素的性能：

  • 使用.closest()方法；

  • 使用.parents()方法，将结果限制为找到的第一个表格。

• 挑战：使用http://jsperf.com/，把index.html的内容粘贴进去，比较一下使用下列方式查找表格中每一行的最后一个<td>元素的性能：

  • 使用:last-child伪类；

  • 使用:nth-child()伪类；

  • 在每一行中（使用.each()方法遍历每一行）使用.last()方法；

  • 在每一行中（使用.each()方法遍历每一行）使用:last()伪类。