码迷,mamicode.com
首页 > Web开发 > 详细

jquery模态对话框与clone的应用

时间:2019-06-30 15:51:02      阅读:154      评论:0      收藏:0      [点我收藏+]

标签:back   sed   after   cli   标签   ima   one   world   open   

内部插入:append()  appendTo() prepend()  prependTo()

外部插入:after()  before()  insertAfter()  insertBefore()

替换:$().replaceWith()

删除与清空:remove() 删除标签 empty() 清空内容,保留标签

复制:clone()  clone(true)

技术图片
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>


<div class="c1">
    <p>PPP</p>

</div>

<button>add</button>
<script src="jquery-3.1.1.js"></script>
<script>
        $("button").click(function () {
           //$(".c1").append("<h1>HELLO YUAN</h1>")

            var $ele=$("<h1></h1>");
            $ele.html("HELLO WORLD!");
            $ele.css("color","red");

//内部插入
            //$(".c1").append($ele);
            //$ele.appendTo(".c1")
            //$(".c1").prepend($ele);
            //$ele.prependTo(".c1")

//外部插入
            //$(".c1").after($ele)
            //$ele.insertAfter(".c1")
            //$(".c1").before($ele)
            //$ele.insertBefore(".c1")
//替换
             //$("p").replaceWith($ele)

//删除与清空
            //$(".c1").empty()
            //$(".c1").remove()

//clone
//             var $ele2= $(".c1").clone();
//             $(".c1").after($ele2)
        })
</script>
</body>
</html>
View Code

 

技术图片技术图片技术图片技术图片技术图片append

jquery模态对话框与clone的应用

标签:back   sed   after   cli   标签   ima   one   world   open   

原文地址:https://www.cnblogs.com/jintian/p/11109724.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!