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


 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值