+
81
-

jquery中parent()、parents()、children()有什么区别?

jquery中parent()、parents()、children()有什么区别?

网友回复

+
0
-

parent():返回所选元素的直接父级元素。 parents():返回所选元素的直接或间接父元素,通俗说就是祖先级(含父级) 这几个方法都可以跟参数,表示进一步限定。 比如 $("span").parent() 表示所有 span 的父元素。 而 $("span").parent("div") 表示所有 span 的父元素中,筛选标签为 div 的父元素。 注意:parent() 返回也可能是多个元素,为什么呢?因为 $("span") 可能是多个。

children(): 方法返回被选元素的所有直接子元素。

来看一个例子

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>BFW NEW PAGE</title>
    <script id="bfwone" data="dep=jquery.17&err=0" type="text/javascript" src="http://repo.bfw.wiki/bfwrepo/js/bfwone.js"></script>
    <script type="text/javascript">
        bready(function() {

            $("p").children().css({
                "color": "red", "border": "2px solid red"
            });//所有直接子元素变色
            
            $("span").parent('p').css({
                "color": "green"
            });//所有父元素变色
            
            $("span").parents('div').css({
                "border": "2px solid green"
            });//所有父元素变色


        });
    </script>
    <style>
    </style>
</head>
<body>
    <div>
        <p id="1">
            <span>children</span>
            1
        </p>
        <p id="2">
           <span>children</span>
            2
        </p>
        <p id="3">
            <span>children</span>
            3
        </p>
    </div>

</body>
</html>

我知道答案,我要回答