• jQuery的parent和parents和closest区别


    1、parent是指取得一个包含着所有匹配元素的唯一父元素的元素集合。
    2、parents则是取得一个包含着所有匹配元素的祖先元素的元素集合(不包含根元素)。可以通过一个可选的表达式进行筛选。
    3、closest() 方法获得匹配选择器的第一个祖先元素,从当前元素开始沿 DOM 树向上。

    可以看出parent取的很明确,就是当前元素的父元素;parents则是当前元素的祖先元素。下面列出例子说明:
    <div id='div1'>
    <div id='div2'><p></p></div>
    <div id='div3' class='a'><p></p></div>
    <div id='div4'><p></p></div>
    </div>

    $('p').parent()取到的是div2,div3,div4
    $('p').parent('.a')取到的是div3
    $('p').parent().parent()取到的是div1,这点比较奇特;不过Jquery对象本身的特点决定了这是可行的。
    $('p').parents()取到的是div1,div2,div3,div4
    $('p').parents('.a')取到的是div3

    .closest().parents()
    从当前元素开始 从父元素开始
    沿 DOM 树向上遍历,直到找到已应用选择器的一个匹配为止。 沿 DOM 树向上遍历,直到文档的根元素为止,将每个祖先元素添加到一个临时的集合;如果应用了选择器,则会基于该选择器对这个集合进行筛选。
    返回包含零个或一个元素的 jQuery 对象 返回包含零个、一个或多个元素的 jQuery 对象
  • 相关阅读:
    黑马程序员——指针的应用
    黑马程序员——C语言基础常量、运算符、函数
    黑马程序员——数组
    黑马程序员——循环结构for,while,do..while
    webView去掉右侧导航条
    使用Eclipse构建Maven的SpringMVC项目
    win7 自动登录
    eclipse 自动提示
    apache+php+mysql 环境配置
    KMP子串查找算法
  • 原文地址:https://www.cnblogs.com/frontendBY/p/4824740.html
Copyright © 2020-2023  润新知