数码资讯
jQuery的父()(父)、父()和最近()的差异是通过jQuery遍历的。
在这个Sprint中,由于要编写前端UI,所以使用jQuery,但jQuery要遍历API中的DOM树,父(父)、最亲()、()它们之间的区别已经不太清楚了,具体化了,所以要在脑海中读取jQuery API文档中的差异,并记住,供参考。 1.parents({选择}) 此方法用于在给定的jQuery
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
在这个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对象
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对象
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。