锋利的Jquery（第二版）笔记（二）

1. 插入节点方法

方法	描述	示例
append()	向每个匹配的元素内部追加内容	$(‘p’).append(“E”)
appendTo()	所有匹配的元素追加到指定的元素中	$(‘E’).appendTo(“p”)
prepend()	每个匹配的元素内部前置内容	$(‘p’).prepend(“E”)
prependTo()	所有匹配的元素前置到指定的元素中	$(‘E’).prependTo(“p”)
after()	在每个匹配的元素之后插入内容	$(‘p’).after(“E”)
insertAfter()	所有匹配的元素插入到指定的元素后	$(‘p’).insertAfter(“E”)
before()	在每个匹配的元素之前插入内容	$(‘p’).before(“E”)
insertBefore()	所有匹配的元素插入到指定的元素前)	$(‘E’).insertBefore(“p”)

2. 删除节点

2.1 remove()方法

2.2 detach()方法

2.3 empty()方法，清空节点，会剩余li标签默认符号”.”

3. 复制节点

3.1 clone()方法

$(this).clone(true).appendTo("body");//注意参数true复制元素中所绑定的事件，同样具备复制功能。

4. 替换节点

4.1 replaceWith()方法

4.2 replaceAll()方法

5.包裹节点

5.1 wrap()方法

5.2 wrapAll()方法

5.3 wrapInner()方法

5. DOM树

children()取得匹配元素的子元素集合
next()取得匹配元素后面紧邻的同辈元素
prev()取得匹配元素前面紧邻的同辈元素
siblings()取得匹配元素前后所有的同辈元素
closset()取得最近匹配元素，不匹配向上查找父元素

6. CSS-DOM

offset()获取元素在当前视窗的相对偏移 left(左) top(右)
position()获取相对于最近的一个position样式属性设置为relative或者absolute的祖父节点的相对偏移
scrollTop()和scrollLeft分别获取元素的滚动条距顶端的距离和距左侧的距离

7. 合成事件

hover()
toggle()

8. 模拟操作

常用模拟
$('#btn').trigger("click");
触发自定义事件
$('#btn').bind("myClick",function(){});
$('#btn').trigger("click");
传递数据
$('#btn').bind("myClick",function(event,message1,message2){
$('#test').append("<p>"+message1+message2+"</p>")
});
$('#btn').trigger("myClick,["我的自定义","事件"]");
执行默认操作
$("input").trigger(""focus);//本身focus事件和浏览器获取焦点
$("input").triggerHandler(""focus);//本身focus事件无焦点

9. 动画方法

方法	描述
hide()和show()	同时修改多个样式 高度、宽度、透明度
fadeIn()和fadeOut()	只改变不透明度
slideUp()和slideDown()	只改变高度
fadeTo	只改变不透明度
toggle()	替代hide()和show()
slideToggle()	替代slideUp()和slideDown()
fadeToggle()	替代fadeIn()和fadeOut()
animate()	自定义动画方法