下面，我们介绍最后一个自定义选择符。假设出于某种原因，我们希望突出显示提到任何一种Henry游戏的所有表格单元。为此，我们所要做的就是在样式表中添加一个声明了粗体和斜体文本的类(.highlight{font-weight:bold;font-style:italic;})，然后向JQuery代码添加一行代码，其中使用的是:contains()选择符。
$(document).ready(function(){
$('tr:nth-child(odd)').addClass('alt');
$('td:contains(Henry)').addClass('highlight');
});
这样，再可爱的条纹表格中，就能够看到突出显示的Henry游戏了。
诚然，不使用JQuery(或者任何客户端编程语言)也可以通过其他方式实现这种行条纹和突出显示效果。然而，在内容由程序动态生成，而我们又无权改动HTML和服务器端代码的情况下，JQuery加上CSS对这种样式化操作提供了优秀的替换方案。
最新文章
热门文章
猜你喜欢
