首先创建节点:
var button1 = '<input type=button value=创建的第一个节点 id=button1>';//创建了一个按钮节点
var img = '<image title=这是创建的图片节点 src=images/1.jpg>';//创建了一个图片节点
$('#div1').append(button1);//把节点添加到div上
$('#div1').append(img);
$('img').remove(img['title=这是创建的图片节点']); //删除‘title=这是创建的图片节点’的img节点
$('img:eq(0)').remove(); //删除索引为0的img节点
插入节点:
$('#p1').after(pstr):在节点p1的后面插入pstr节点
$('#p1').before(pstr):在节点p1的前面插入pstr节点
复制节点:
$('img').click(function () {
$(this).clone().appendTo('#divshow');
}):
复制'img'节点,并将新复制的节点添加到divshow上,新复制的节点不具备原节点的事件,如单击新节点就不会复制新节点。
$('img').click(function () {
$(this).clone(true).appendTo('#divshow');
}):
复制img的新节点,并将新节点添加到divshow山,并且新复制的节点也具有原节点的特性,如点击新节点也会复制新节点
替换节点:
$('#sname').replaceWith('<span id=sname>' + name + '</span>');将id为sname的控件替换成后面的字符串
$('<span id=semail>' + emial + '</span>').replaceAll('#semail'):将id为semail的控件替换成前面指定的字符串
注:前者是被替换的在前边,后者是被替换的在后边,且一旦替换完成,被替换元素的一切事件都将消失