加入收藏 | 设为首页 | 会员中心 | 我要投稿 东莞站长网 (https://www.0769zz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 编程要点 > 语言 > 正文

jQuery中增加子节点的方法有什么,用法是哪些?

发布时间:2022-04-11 17:15:19 所属栏目:语言 来源:互联网
导读:jQuery中增加子节点的方法有哪些?在jquery中,想要在父节点中增加子节点,我们可以使用append()、appendTo()、prepend()和prependTo()这四种方法,那么具体怎样实现增加子节点呢?下面我们具体的了解看看这些用法的使用。 本教程操作环境:windows7系统、jqu
     jQuery中增加子节点的方法有哪些?在jquery中,想要在父节点中增加子节点,我们可以使用append()、appendTo()、prepend()和prependTo()这四种方法,那么具体怎样实现增加子节点呢?下面我们具体的了解看看这些用法的使用。

    本教程操作环境:windows7系统、jquery1.10.2版本、Dell G3电脑。
 
    在jquery中,想要在父节点中增加子节点,有多种方法:
 
append():向所选元素内部的“末尾处”插入内容。
 
appendTo():向所选元素内部的“末尾处”插入内容。
 
prepend():向所选元素内部的“开始处”插入内容。
 
prependTo():向所选元素内部的“开始处”插入内容。
 
    示例: 

      //2.prepend()
      //父节点.prepend(子节点); //作为第一个子元素添加.
      $('#btnPrepend').click(function () {
        //2.1 新创建一个li标签,追加到ul1中
        // var $newLi = $('<li>我是新创建的li标签</li>');
        // $('#ul1').prepend($newLi);
 
        //2.2 获取ul1中的某一个li标签,追加到ul1中.
        //剪切过来作为最后一个子元素添加.
        // var $li3 = $('#li3');
        // $('#ul1').prepend($li3);
 
        //2.3 获取ul2中的某一个li标签,追加到ul1中.
        //剪切过来作为最后一个子元素添加.
         var $li32 = $('#li32');
         $('#ul1').prepend($li32);
      })。

(编辑:东莞站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读