jQuery笔记 动效和节点操作 ③

(三)jQuery动效和节点操作

一、插入为子节点

1、父节点.append(子节点)    	 父节点内的末尾插入子节点
2、子节点.appendTo(父节点)     子节点插入到父节点的末尾
3、父节点.prepend(子节点)    	 父节点内的第一个位置插入子节点
4、子节点.prependTo(父节点)    子节点插入到父节点的末第一个位置

二、插入为兄弟节点

1、兄节点.insertBefore(弟节点)    	 兄节点插入到弟节点的前面
2、弟节点.before(兄节点)     		 弟节点的前面插入兄节点
3、兄节点.after(弟节点)    	 	 兄节点的后面插入弟节点
4、弟节点.insertAfter(兄节点)       弟节点插入到兄节点的后面

​

三、删除节点

1、节点.remove()	删除	删除节点本身及里面的内容
2、节点.empty()	清空	删除节点里面的内容，保留节点本身

四、替换

1、被替换的节点.replaceWith(用来替换的节点)
2、用来替换的节点.replaceAll(被替换的节点 )

五、克隆

被克隆的节点.clone()  不传参只克隆内容， 传true克隆事件及函数

六、显示/隐藏/切换

1、节点.show()
2、节点.hide()
3、节点.toggle()

七、淡入/淡出/切换

1、节点.fadeIn()
2、节点.fadeOut()
3、节点.fadeToggle()

八、滑入/滑出/切换

1、节点.slideUp()
2、节点.slideDown()
3、节点.slideToggle()

（六点——八点）方法可选传参数：速度(毫秒数或关键字表示) , 回调函数（动效完成之后的操作）

九、自定义动画

1、节点.animate()  必写参数 {样式名：样式值(为具体的数值的东西)}
2、节点.stop()