jQuery遍历-后代

来源：互联网发布：windows 查看内存占用编辑：程序博客网时间：2024/04/30 14:00

这仅仅是自己的学习笔记，只为记录自己的成长。

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>jQuery遍历-后代</title>    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>      <style>        .descendants *        {         display: block;        border: 2px solid lightgrey;        color: lightgrey;        padding: 5px;        margin: 15px;        }    </style>    <script>        $(document).ready(function(){            //$("div").children().css({"color": "red", "border": "2px solid red"})            //$("div").children("p.1").css({"color": "red", "border": "2px solid red"})            //$("div").find("span").css({"color": "red", "border": "2px solid red"})            $("div").find("*").css({"color": "red", "border": "2px solid red"})        })    </script></head><body>    <div class="descendants" style="width:500px;">div (当前元素)         <p class="1">p (子)            <span>span (孙)</span>             </p>        <p class="2">p (child)            <span>span (孙)</span>        </p>     </div></body></html>

阅读全文

0 0