JQuery 内容过滤选择器

时间：2023-04-30 12:37:44
<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <link href="../../CSS/2-8.css" rel="stylesheet" />

    <script src="../../JQuery/jquery-2.1.4.min.js"></script>

    <title>内容过滤选择器</title>

    <script type="text/javascript">

        $(function () { //显示包含给定文本的元素

            $("div:contains('A')").css("display", "block");

        })

        $(function () { //显示所有不包含子元素或者文本的空元素

            $("div:empty").css("display", "block");

        })

        $(function () { //显示含有选择器所匹配的元素的元素

            $("div:has(span)").css("display", "block");

        })

        $(function () { //显示含有子元素或者文本的元素

            $("div:parent").css("display", "block");

        })

    </script>

</head>

<body>

     <div>ABCD</div>

    <div><span></span></div>

    <div>EFaH</div>

    <div></div>

</body>

</html>

相关文章