jquery中動態刪除、添加html

html頁面的代碼如下：

<div id="test"> 
</div>

使用jquery動態添加html

var html='<div class="weui-panel__ft">'
		        +'<div class="weui-cell weui-cell_access">'
		        +'<div class="more_net_data">'+ '查詢更多  “ ' + txt +' ” 記錄</div>'
		        +'</div></div>';
		var $html = $(html);
		$("#test").append($html);

使用jquery動態移除html

var html='<div class="weui-panel__ft">'
		        +'<div class="weui-cell weui-cell_access">'
		        +'<div class="more_net_data">'+ '查詢更多  “ ' + txt +' ” 記錄</div>'
		        +'</div></div>';
		var $html = $(html);
		$("#test").remove();

 或者

var html='<div class="weui-panel__ft">'
		        +'<div class="weui-cell weui-cell_access">'
		        +'<div class="more_net_data">'+ '查詢更多  “ ' + txt +' ” 記錄</div>'
		        +'</div></div>';
		var $html = $(html);
		$("#test").empty();

 其中：$("#test").remove()，remove方法會將test所在的div一起移除，

           $("#test").empty()，empty方法會將test內部置空，相當於是移除test所在的div的所有子dom元素