jQuery创建、删除和修改html标签

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,标签,appendTo,son,html,ele,hello,append
来源： https://www.cnblogs.com/Forever77/p/10350799.html