Loongforever

层级选择器 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>层级选择器</title>

    <script type="text/javascript" src="js/jquery-1.8.3.js"></script>
    <script type="text/javascript">
        $(function () {

            //获取id为d的元素的所有标签为a的后代元素
            var obj1 = $("#d a");
            alert(obj1.text());

            //获取id为d的元素的所有标签为a的直接子元素
            var obj2 = $("#d > a");
            alert(obj2.text());

            //获取id为d的元素的下一个标签为p的兄弟元素
            var obj3 = $("#d + p");
            alert(obj3.text());

            //获取id为d的元素的下一个标签为a的兄弟元素
            var obj3 = $("#d + a");
            alert(obj3.text());

            //获取id为d的元素的所有兄弟标签中标签名为p的
            var obj4 = $("#d ~ p");
            alert(obj4.text());
        })
    </script>
</head>
<body>

<div id="d">
    <a>aaa</a>

    <p>
        <a>bbb</a>
    </p>

    <a>ccc</a>
</div>

<a>ddd</a>
<p>eee</p>
<p>fff</p>

</body>
</html>

结果:

aaabbbccc

aaaccc

“”

ddd

eeefff


"a+b"获取元素时需同时满足下一个元素有且为a的兄弟元素,下一个元素的标签名是"b".

如果没有元素则代表的是"",一个空串.

posted on 2017-12-06 22:04  Loongforever  阅读(229)  评论(0)  编辑  收藏  举报

导航