JavaScript--DOM

標籤：logs   document   function   ref   appendto   ready   scripts   內容   please   

• append()向每個匹配的元素內部追加內容
• prepend()向每個匹配的元素內部前置內容
• appendTo()把所有匹配的元素追加到另一個指定元素的集合中
• prependTo()把所有匹配的元素前置到另一個指定的元素集合中

執行個體1：

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>jquery</title><link rel="stylesheet" type="text/css" href="styles/jquery.css"><script type="text/javascript" src="scripts/jquery-3.2.0.min.js"></script></head><body><h1>Hello world!</h1><button>please!</button><div>you are beautiful</div><script type="text/javascript">$(document).ready(function() {$("button").on("click",function() {$(".div").prepend("<p>hello boston</p");});});</script></body></html>

 

 

執行個體2：

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>jquery</title>    <link rel="stylesheet" type="text/css" href="styles/jquery.css">    <script type="text/javascript" src="scripts/jquery-3.2.0.min.js"></script></head><body>    <h1>Hello world!</h1>    <button>please!</button>    <div>you are beautiful</div>        <script type="text/javascript">        $(document).ready(function() {            $("button").on("click",function() {                $("<p>hello boston</p>").prependTo("button");            });        });    </script></body></html>

結果：

 

JavaScript--DOM