点击jquery修改div的子元素p的内容为"我是子元素"

最新推荐文章于 2021-03-16 10:13:13 发布

ChengZiYa_

最新推荐文章于 2021-03-16 10:13:13 发布

阅读量1.6k

点赞数 1

CC 4.0 BY-SA版权

文章标签： jquery

本文链接：https://blog.youkuaiyun.com/ChengZiYa_/article/details/102770952

本文介绍了一种使用jQuery库来动态修改网页中特定div元素的子元素p内容的方法。通过一个按钮点击事件，将div下的第一个p元素内容替换为我是子元素，展示了jQuery在DOM操作上的便捷性。

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

点击jquery修改div的子元素p的内容为"我是子元素"

这就是用代码实现的效果
在这里插入图片描述
代码呈上

 <title></title>
    <script src="js/jquery.js"></script>
</head>
<body>
<div>
    <p>我是文字</p>
</div>
<p>
    我是文字
</p>
<input type="button" value="修改子元素">
<script>
    $(function(){
        $(":input").click(function(){
            $("div p:first-child").html("我是子元素");
        });
    });
</script>
</body>

就是个菜鸟写的
其他菜鸟可以借鉴一下嘿嘿