append、insertBefore、after与insertAfter

法
 源包装集/字串
 目标包装集体
 特性描述
 
a.append(b)
 

b
 

a
 若目标包装集只匹配一个元素，则源(也包括同源包装集匹配的所有元素)将被移动到目标位置；若目标包装集包含多个元素，则源将保留在原来的位置，但同时复制一份相同的副本到目标位置。

由此，若目标只匹配一个元素时，使用前述方法后源将被删除。
 
b.appendto(a)
 
a.prepend(b)
 
b.prependto(a)
 
a.before(b)
 
b.insertbefore(a)
 
a.after(b)
 
b.insertafter(a)
 

详细出处参考：http://www.111cn.net/article/25752.htm

时间： 2024-07-30 10:16:09

append、insertBefore、after与insertAfter的相关文章

jQuery中的insertBefore(),insertAfter(),after(),before()区别介绍_jquery

insertBefore():a.insertBefore(b) a在前,b在后, a:是一个选择器,b:也是一个选择器 <!DOCTYPE html> <html> <head> <meta charset='UTF-8'> <title>jqu</title> <script type="text/javascript" src='jquery-2.2.0.min.js'></script&g

JavaScript的appendChild、insertBefore和insertAfter

1.appendChild 添加一个节点到指定的节点的子节点数组中 用法:target.appendChild(newChild) newChild作为target的子节点插入最后的一子节点之后 来看个这个简单的实例:在id为box-con 的末尾添加一个子节点div  代码如下 复制代码 <div class="btns"><input type="button" value="插入元素" id="creatbtn&

jQuery中insertBefore()方法用法实例_jquery

本文实例讲述了jQuery中insertBefore()方法用法.分享给大家供大家参考.具体分析如下: 此方法把匹配的元素插入到另一个指定的元素集合的前面. insertBefore()方法与insertAfter()相反. 语法结构: 复制代码 代码如下: $(selector).insertBefore(content) 参数列表: 参数 描述 selector 定义要被插入的内容. content 定义在哪些元素之前插入内容. 实例代码: 复制代码 代码如下: <!DOCTYPE html

jQuery技术内幕：深入解析jQuery架构设计与实现原理1

jQuery技术内幕:深入解析jQuery架构设计与实现原理 高 云 著 图书在版编目(CIP)数据 jQuery技术内幕:深入解析jQuery架构设计与实现原理 / 高云著. -北京:机械工业出版社,2013.11 ISBN 978-7-111-44082-6 I. j- II. 高- III. JAVA语言-程序设计 IV. TP312 中国版本图书馆CIP数据核字(2013)第221662号 版权所有·侵权必究 封底无防伪标均为盗版 本书法律顾问 北京市展达律师事务所     本书由阿里巴

jQuery和JavaScript节点插入元素的方法对比_javascript技巧

二.插入元素: <div> <p>面朝大海,春暖花开</p> </div> (一).jQuery方法 1.在节点内部插入: 方法 说明 append() 向每个匹配的元素内部追加内容 appendTo() 把所有的元素追加到另一个指定的元素集合中,实际上是颠倒了append()的用法.如$(A).append(B)与$(B).appendto(A)是等价的 prepend() 向每个匹配的元素内部前置内容 prependTo() 把所有匹配的元素前置到另一个

利用C#创建IIS站点并设置.NET Framework版本为ASP.NET 2.0的方法（一）

IIS 6.0以后使用MetaBase.xml存储IIS信息,因此,可以直接修改这个文件即可. 代码如下:很显然,这种方法比较复杂,不直观,而且需要停止IIS,影响现有网站. /// <summary> /// 本方法创建一个站点(当然,创建虚拟目录也完全没有任何问题,做法类似),并设置IIS中ASP.NET版本为2.0 /// </summary> /// <param name="sender"></param> /// <pa

重读《JavaScript DOM编程艺术》（第一版）

今天来了雅兴去图书馆看书.把<JavaScript DOM编程艺术>温习了一遍,平时写js的机会不是特别多,很多知识都有些模糊了. 伴随着身边键盘卡啦卡啦的声音,一位手速不是一般的快的程序猿.我也快速的回顾了下~ Chapter 1     JavaScript简史 1.Netscape(网景)/Sun公司 2.JavaScript 1.0 - Netscspe Navigator 2 3.VBScript - IE 3 4.ECMA标准化 - 浏览器之争 5.什么是DOM? W3C 文档对象

前端知识体系全部

一些开放性题目 1.自我介绍:除了基本个人信息以外,面试官更想听的是你与众不同的地方和你的优势.  2.项目介绍  3.如何看待前端开发?  4.平时是如何学习前端开发的?  5.未来三到五年的规划是怎样的? position的值, relative和absolute分别是相对于谁进行定位的? absolute :生成绝对定位的元素, 相对于最近一级的 定位不是 static 的父元素来进行定位. fixed (老IE不支持)生成绝对定位的元素,通常相对于浏览器窗口或 frame 进行定位. r

上移下移问题，求大神帮助

问题描述 问题是点击研发一部或点击下一页的下属人员上移或下移按钮后,界面跳转到部门列表的总人员查询.如何上移或下移后还返回研发一部的列表?求大神支招 解决方案 解决方案二:jquery很简单B.insertBefore(A)B.insertAfter(A)解决方案三:是保留移动后的位置吗?解决方案四:找你要移动的对象和目标对象然后调用上述方法搞定解决方案五:引用2楼rui888的回复: 是保留移动后的位置吗? 就是移动后刷新研发一部这个界面,现在一刷新就重置到整个部门列表了.解决方案六:引用3楼

ExtJs使用总结(非常详细)

ExtJs使用总结(非常详细),需要的朋友可以参考下 一.获取元素(Getting Elements) 1.Ext.get var el = Ext.get('myElementId');//获取元素,等同于document.getElementById('myElementId');//会缓存2. Ext.fly var el = Ext.fly('myElementId')//不需要缓存. 注:享元模式(Flyweight Design Pattern)是一种节省内存的模式,该模式的大概原理