您的位置:首页 > Web前端 > JQuery

jQuery 节点操作

2012-03-20 20:59 190 查看
首先创建节点:

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的控件替换成前面指定的字符串

注:前者是被替换的在前边,后者是被替换的在后边,且一旦替换完成,被替换元素的一切事件都将消失
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: