成都网站建设设计

将想法与焦点和您一起共享

jQuery如何实现节点追加、替换、删除、复制功能-创新互联

小编给大家分享一下jQuery如何实现节点追加、替换、删除、复制功能,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!

创新互联公司服务项目包括陇川网站建设、陇川网站制作、陇川网页制作以及陇川网络营销策划等。多年来,我们专注于互联网行业,利用自身积累的技术优势、行业经验、深度合作伙伴关系等,向广大中小型企业、政府机构等提供互联网行业的解决方案,陇川网站推广取得了明显的社会效益与经济效益。目前,我们服务的客户以成都为中心已经辐射到陇川省份的部分城市,未来相信会继续扩大服务区域并继续获得客户的支持与信任!

一、追加节点分为父子和兄弟节点的追加。每个追加节点的方法又分主动追加和被动追加。

//1、父子关系的添加
//主动添加
$('#shu').append('
  • 关羽
  • ');//往后添加 $('#shu').prepend('
  • 黄忠
  • ');//往前添加 //被动添加 $('
  • 黄盖
  • ').appendTo($('#wu')); $('
  • 陆逊
  • ').prependTo($('#wu')); //添加已存节点,发生位置改变 $('#shu').prepend($('#wu li:eq(1)')); //2、兄弟关系的添加.after .before .insertAfter .insertBefore //主动 $('#liu').after('
  • 赵云
  • '); $('#liu').before('
  • 诸葛亮
  • '); //被动 $('
  • 黄月英
  • ').insertAfter($('#liu')); $('
  • 孙尚香
  • ').insertBefore($('#liu'));

    二、替换节点.replaceAll   .replaceWith

    //replaceAll主动替换
    $('#wu').replaceAll($('#shu'));
    //replaceWith被动替换
    $('#yu').replaceWith('
  • 黄盖
  • ');

    三、删除节点.empty()  .remove()

    $('#wu').empty(); //清空对应的子节点
    $('#fei').remove(); //删除匹配到的节点

    四、复制节点 .clone(true)  .clone(false)

    参数为true,节点和其身上的事件都给复制
    参数为false,只复制节点本身(包括内部的信息)

    $('#fei').clone(false); //只复制节点本身
    $('#fei').clone(true); //复制节点和事件

    看完了这篇文章,相信你对“jQuery如何实现节点追加、替换、删除、复制功能”有了一定的了解,如果想了解更多相关知识,欢迎关注创新互联网站建设公司行业资讯频道,感谢各位的阅读!

    另外有需要云服务器可以了解下创新互联建站www.cdcxhl.com,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


    当前题目:jQuery如何实现节点追加、替换、删除、复制功能-创新互联
    网页地址:http://chengdu.cdxwcx.cn/article/dcsgoc.html