使用jQuery克隆效果

最新推荐文章于 2022-05-02 18:12:04 发布

vx17629341185

最新推荐文章于 2022-05-02 18:12:04 发布

阅读量126

点赞数

文章标签： jQuery

本文链接：https://blog.csdn.net/weixin_43424506/article/details/102770061

版权

本文介绍了如何使用jQuery的克隆方法来复制DOM元素，并详细展示了如何克隆一个p元素，将其内容改为'我是克隆体'，然后插入到原始p元素之后。

摘要由CSDN通过智能技术生成

jQuery实现克隆效果

，使用jquery克隆方法.请克隆p元素并且修改"克隆的p元素"内容为"我是克隆体"，并添加到"被克隆p元素"的后面

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="jquery.js"></script>
    <style>
        div{
            width: 200px;
            height: 200px;
            background-color: bisque;
        }
    </style>
</head>
<body>
<center>

<h2>点击DIV，修改第二个p元素的背景色为"orange"</h2>
<div>
<p>我是第一个元素</p>
<p>我是第二个元素</p>
<p>我是第三个元素</p>
</div>
</center>
<script>
    $(function () {
        $("div").on("click",function () {
            $("div p:first-child").next().css("background-color","orange")
        })
    })
</script>

</body>
</html>