jq获取位置、键盘事件等

2022-01-23 259 阅读1分钟

jq获取大小方法

width()/height() 返回元素的宽度/高度数字返回
innerWidth()\innnerHeight 获取设置width和height 加padding的大小
outerWidth()\outerHeight() 获取设置width和height 加padding加border的大小
outerWidth(true)\outerHeight(true) 在基础上再加上margin

jq获取位置方法

offset() 获取设置文档的位置（偏移）返回一个对象有left和top值包含自身的margin和父元素的border
offsetParent() 获取最近开启定位的父元素，没有就返回body
position() 获取距离带有定位父级位置（偏移）position 如果没有带定位的父级就以文档为准
scrollTop() 获取滚动条距离顶部的距离也可以设置 $('document').scrollTop(100)
scrollLeft() 获取滚动条距离左侧的距离也可以设置 $('document').scrollLeft(100)

jq事件

mouseenter() ：鼠标移入时
mouseleave() : 鼠标离开时
mouseover()和mouseout()再进入子元素区域的时候也会触发mouseenter()和mouseleave()进入子元素不会触发
hover事件就是用mouseenter和mouseleave做出来的

jq键盘事件

keydown 按下
keyup 抬起
keypress 连续敲击键盘的时候触发
keyCode 可以指定按键的序号