33岁转职者的前端笔记-DAY 24 jQuery DOM 节点

jQuery 与 DOM 节点

.parent() / .parents()

往上层找到符合条件的元素，parent() 只往⾃⼰上⼀层找，⽽ parents() 会⼀直找
到所有符合条件的元素。

重点：每个元素只有一个父层

范例code如下：

 // 找老爸
 $('p').parent(); 
 // 查祖谱
 $('p').parents('body')

.closest()

同样往上层找到符合条件的元素。但不同於.parent() / .parents() 的是，
.closest() 往上层找到第⼀个符合条件的元素就停止

范例code如下：

// 查祖谱，⼀找到符合条件的元素就停⽌
 $('p').closest('body');

.children()

从指定的位置开始只往「下⼀层」找到符合的 selector

$('.day').children('.content');
$('.week').children('.content');

.find()

从指定的位置开始往下层找遍所有符合的 selector

$('.week').find('p');
$('.week').find('.content');

.siblings()

从 DOM Tree 同层的元素寻找所有符合的 selector
但不包含⾃⼰本⾝

$('.week').siblings('p');
$('.week').siblings('.content');

.next()

取得同⼀层级符合条件的下⼀个元素

$('.week').next();

.prev()

取得同⼀层级符合条件的前⼀个元素

$('.week').prev();

.first()
取得符合条件的第⼀个元素

$('.week').first();
.last()

取得符合条件的最後⼀个元素

$('.week').last();

.eq( n )

取得符合条件的第 n 个元素，从 0 开始计算。

.not( [条件] )

从某个选择器的集合中，将不要的条件过滤掉。