1.在父標簽內創建標簽，新創建的標簽放在最下面

$(‘parent‘).append(son)、$(‘son‘).appendTo(‘parent‘)

<div class="d"> <h3>hello div</h3> </div>
<button onclick="myClick()">點我</button>
<script>
   function myClick() {
       //$(‘.d‘).append(‘<p>hello p</p>‘); 直接一步創建子標簽和子標簽的內容
        var
 
 $ele=$(‘<p>‘);     //等號左邊為jQuery創建變量，右邊為創建標簽p，$(‘<p></p>‘)可簡寫為$(‘<p>‘)
        $ele.html(‘hello p‘);   //給新創建的標簽設置html內容
        $(‘.d‘).append($ele);  //使用append添加，父標簽在前，子標簽在後
        //$ele.appendTo(‘.d‘)  使用appendTo添加，子標簽在前，父標簽在後
    }
</script>

點擊按鈕會在div中的h3標簽下生成一個段落，段落內容為p標簽內的文本

2.在父標簽內創建標簽，新創建的標簽放在最上面

$(‘parent‘).prepend(son)、$(‘son‘).prependTo(‘parent‘)

<div class="d"> <h3>hello div</h3> </div>
<button onclick="myClick()">點我</button>
<script>
   function myClick() {
       //$(‘.d‘).prepend(‘<p>hello p</p>‘); 
        var
 
 $ele=$(‘<p>‘); 
        $ele.html(‘hello p‘);
        $(‘.d‘).prepend($ele); 
        //$ele.appendTo(‘.d‘) 
    }
</script>

jQuery創建、刪除和修改html標簽