jquery【学习心得】常用方法中的注意点

.end()和.parent()的区别，前者不单单只是能够寻找到父节点也可以找到相邻节点

.toggleClass()是指指定样式和默认样式之间的转换。

.offset()是获取相对于视口的绝对位置

.position()是相对于父元素的偏移位置

.scrollTop()获取垂直滚动条的高度

.clone()复制节点；值得注意的是此方法中如果没有传参或者传的是false，则只是复制的内容，并没有复制事件的处理，若是传的是ture则内容和事件处理都复制了

删除节点的几种方法：

.remove()   事件行为不保留的删除

.detach()    事件行为保留的删除

.empty()    清空节点内容保留标签

.replaceWith()   替换节点

mouseenter,mouseleave和mouseover mouseout之间的区别，前者穿过子元素的时候不触发事件，而后者穿过子元素的时候触发事件，为了防止事件行为的混淆，前者更为方便一点

事件

.keydown()   按下      e.keyCode

.keyup()     按下弹起           e.keyCode  

.keypress()   按下      e.CharCode

e.pageX/e.pageY:相对于页面原点

e.screenX/e.screenY:相对于屏幕位置的

e.clientX/e.clientY：相对于页面视口的

e.stopPropagation:阻止冒泡行为；

e.preventDefault:阻止默认行为；在正常操作中，有哪些是默认行为呢，比如在文本框输入区域会弹出系统菜单，在点击超链接时会自动跳转到指定页面，点击提交按钮会提交数据跳转页面

禁止提交表单的例子

$(‘form‘).submit(function(e)

{

 e.preventDefault;

}):这种方法常用

既阻止冒泡行为又阻止默认行为的方法： return false;

高级事件

.trigger()模拟用户操作，网页一打开只模拟一次

.trigger()和triggerHandler()的区别

1、后者会触发事件但是不会执行默认行为，典型的例子就是表单提交后但是页面不跳转

2、执行的次数不同，后者只会影响第一个匹配的元素

3、后者不可以连缀，返回的是当前的返回值若无则返回undefined，前者可以连缀，返回的是jquery对象

4、后者不会冒泡，前者会冒泡

动画

显示、隐藏  show()  hide()  toggle（）

滑动、卷动 slideUp() slideDown()   slideToggle()

淡入、淡出 fadeIn()  fadeOut()   fadeToggle()   fadeTo()

同步动画

列队动画

例子

$("show“）.click(function()

{

　　$(‘.test‘).first().show(‘fast‘,function testshow(){

                  $(this).next().show(fast),testshow();

           }

}）;

自定义动画

要想实现列队动画用.queue()来实现防止污染其他动画

.queue(function(next)

{

    next（）

});

或者

.queue(function()

{

    $(this).dequeue();

});

.clearQueue()来清理动画