jquery模态对话框与clone的应用

Posted jintian

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery模态对话框与clone的应用相关的知识,希望对你有一定的参考价值。

内部插入: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的应用的主要内容,如果未能解决你的问题,请参考以下文章

通过调用 ASP.NET 按钮单击从 jQuery 模态对话框回发

iFrame 上的 jQuery 模态对话框

asp.netmvc5如何使用jquery模态对话框

您可以在 jquery 模态对话框中提交表单吗

模态对话框与非模态窗口

QT模态对话框及非模态对话框