锋利的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() 自定义动画方法