jquery 笔记（二）之 DOM 方法

1.DOM 遍历方法

1.给所有的外部链接添加一个类

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

// 我们可以利用 .filter() 方法，向其中传入筛选函数，利用
// jquery的隐式迭代能力，得到我们想要的结果。

2..next() 和 .nextAll()

.next() 方法只选择下一个最接近的同辈元素。.nextAll() 会选出后面所有的同辈元素。

这两者分别有一个对应的方法，即.pre() 和.preAll()

3..siblings()

.siblings() 能够选择处于相同dom 层次的所有其他元素，无论这些元素处于当前元素之前还是之后。

4..addBack()

$('.class').next().addBack(); 不仅可以包含当前元素还可以包含当前元素的下一个元素。

2.连缀

$('td:contains(hello)')
.parent()
.find('td:eq(1)')
.addClass('class')
.end() // 恢复到包含 hello 的单元格的父元素
.find('td:eq(2)')
.addClass('class')

3.访问 dom 元素

如果想知道带有 id="ele" 属性的元素的标签名，可以使用下面的方法：$('#ele')[0].tagName;，可以在选择符后面直接使用方括号。