jQueryDom遍历方法

需求：为外部链接添加类

如何判断是外部链接？
html

<a href="http://www.shakespeare.co.uk/henry.htm">外部链接</a>
<a href="a.html">内部链接</a>

css

.external{
background: url("images/external.png") no-repeat 100% 3px;
padding-right: 16px;
}

jquery

$('a').filter(function() {
return this.hostname && this.hostname != location.hostname;
}).addClass('external');

用到遍历函数filter函数
需求：

打开学校门户，编写代码，让校园新闻前3条变成粗体字

html代码

<div id="news">
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
</div>

jQuery代码

$('#news ul li').filter('li:lt(3)').addClass('sub-level');

需求：

为特定单元格添加样式

ünext()函数：下一个同级元素
ü方法连缀：整洁、效率
jQuery代码

$('tr:contains(Henry)').next().addClass('highlight');

需求：

为包含Henry的单元格的后面的所有同级单元格添加样式
nextAll()函数
jQuery代码

$('tr:contains(Henry)').nextAll().addClass('highlight');

需求：

选取所有同级元素（包括自身）
parent()函数：父元素
children()函数：所有子元素
相关函数：prev()/prevAll()/ siblings()

本例代码与“.nextAll().
addBack()”是否有同样的效果？

$('tr:contains(Henry)').parent().children().addClass('highlight');

选取所有同级元素（包括自身）这个需求实现了

与

$('tr:contains(Henry)').nextAll().addBack().addClass('highlight');

这段代码有相同的效果