JQuery-迭代选择器-02

AChievemeniT

于 2020-08-21 22:30:31 发布

阅读量334

点赞数

CC 4.0 BY-SA版权

分类专栏：刚好在学文章标签： jquery

原文链接：https://blog.youkuaiyun.com/weixin_43392489/article/details/103756829

刚好在学专栏收录该内容

41 篇文章

订阅专栏

本文通过一个简单的HTML页面示例，展示了如何使用jQuery选择和操作DOM元素，包括更改元素样式和获取父元素等常见操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./jquery.min.js"></script>
</head>
<body>
    <div>1</div>
    <div class="box">
        <p class="p1">88</p>
        <p>2</p>
    </div>
    <div>3</div>
    <div>4</div>
    <ol>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ol>
    <script>console.log($(".p1").parent());
        $(".box").children(".p1").css("color","red");
        console.log($(".box").children(".p1"));
    </script>
</body>
</html>