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); })。 (编辑:东莞站长网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |