在这个Sprint中,由于要编写前端UI,所以使用jQuery,但jQuery要遍历API中的DOM树,父(父)、最亲()、()它们之间的区别已经不太清楚了,具体化了,所以要在脑海中读取jQuery API文档中的差异,并记住,供参考。

1.parents({选择})

此方法用于在给定的jQuery对象中选择DOM元素中包含的祖先节点或DOM元素集,并将这些节点包装到jQuery对象中。返回的节点从外部到外部排序。

同时,该方法还接受一个字符串的选择,这是用来过滤的子元素,符合选择器从返回的节点的子集。

2.parent({选择})

此方法用于选择包含在给定jQuery对象或DOM元素集中的DOM元素的父元素,而不像父(),它只搜索一层,父()搜索整个DOM树。

此方法还接受字符串选择器来过滤返回的元素。

有些人可能会问:DOM元素的父元素是否只有一个,为什么要选择选择器选择器来过滤呢事实上,一个jQuery对象可以包含多个DOM元素,比如$('a')。父(),这是父元素,选择所有的标签,它返回一个元素,所以它可以过滤。

3.closest(选择器)

此方法用于遍历DOM元素的祖先节点或包含在jQuery对象中的DOM元素集,直到找到符合选择器选择器的节点为止。

它和父母之间的区别:

最近()从自身遍历,直到找到合适的节点,而返回的jQuery对象包含0或1个对象;

父()开始从其父节点遍历,返回所有祖先节点,并根据选择器选择这些节点。最后,返回的jQuery对象可能包含0, 1个或多个对象。

可以解释差异的例子:
复制代码代码如下所示:



一个测试文档





我的父母






在上述文件中:

$(B)。父母()将返回:jQuery对象的元素如跨度、p、div、体、HTML构造,等等;

$(B)。父()将返回一个jQuery对象:由跨;

$(B)。最近('div)将返回:由部构造的jQuery对象