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>
append
以上是关于jquery模态对话框与clone的应用的主要内容,如果未能解决你的问题,请参考以下文章