1.創建元素：$("內容")

const p = "<p>這是一個p標簽</p>"
console.log(p)console.log($(p))

2. 添加元素

2.1?前追加子元素

1.??指定元素.prepend(內容) ?-> ?在指定元素的內部的最前面追加內容，內容可以是字符串、html標簽或者jQuery對象

    <style>div{margin: 10px 0;}.green {background-color: green;}</style><div class="green"><span>333</span></div>        // 1. 創建一個spanconst span = "<span>666</span>"// 2. 前追加子元素：$(".green").prepend(span)

?

?2.?$(內容).prependTo(指定元素) ? -> 把內容追加到指定元素內部的最前面

    const span2 = "<span>777</span>"$(span2).prependTo($(".green"))

2.2?后追加子元素?

1.?指定元素.append(內容) ?-> ?在指定元素的內部的最后面追加內容，內容可以是字符串、html標簽或者jQuery對象

與前追加子元素一樣，這邊就省略了 -_-

2.3?前追加同級元素

before() ? -> 在指定元素的前面追加內容

 const span2 = "<span>777</span>"$(".blue").before(span2)

?

?

?2.4?后追加同級元素

const span2 = "<span>777</span>"$(".blue").after(span2)

?

注意：將已存在的內容追加到指定元素中： 會將原來元素直接剪切放到指定元素?

?

?