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

<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 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>