`
piperzero
  • 浏览: 3474929 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
文章分类
社区版块
存档分类
最新评论

jQuery 节点操作

 
阅读更多

首先创建节点:

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的控件替换成前面指定的字符串
注:前者是被替换的在前边,后者是被替换的在后边,且一旦替换完成,被替换元素的一切事件都将消失


分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics