你不知道的jQuery

jquery 获取元素的宽度

　　1.width：$('#id').width()

　　2.width+padding $('#id').innerWidth()

　　3.width+padding+border $('#id').outerWidth()

　　4.最神奇的一个width+padding+border+margin左右 $('#id').outerWidth(true)

设置元素宽度

　　1 .$('#id').width(200)  200

　　2. $('#id').innerWidth(200)  200-padding

　　3.$('#id').outerWidth(200)  200-padding-border

　　4.$('#id').outerWidth(20,true)  200-padding-border-margin

 

与原生的区别：原生是获取不到隐藏元素的值，jquery可以

 

可视区的高：$(window).height()

页面的高：$(document).height()

滚动距离：$(document).scrollTop(),传参可以使元素滚动到指定位置，$(document).scrollTop(200)

　　　　　　也可以获取某个有滚动条元素的scrollTop值

判断页面是否滚动到底部：$(document).scrollTop()==$(document).height()-$(window).height()

 

$('#id').offset().left/$('#id').offset().top获取的都是距离页面的值

$('#id').position().left/$('#id').position().top获取到定位父级的距离，但不认margin值

解决办法：$('#id').offset().left-$('#id').offsetParent().offset().left

多个animate在一个元素上时
stop()停止当前动画，后续队列中的动画继续，可以清空队列
stop(true)停止当前动画及后续动画
stop(true,true)停止当前动画及后续动画，并将当前动画到达目标点
finish（）停止当前动画及后续动画，将所有动画都到达目标点