附录1-jQuery常用事件

目录

1  点击 click()

2  鼠标移入元素 mouseover()

3  鼠标移出元素 mouseout()

4  移入与移出综合 hover()

5  发生改变 change()

6  滚动 scroll()


1  点击 click()

附录1-jQuery常用事件_第1张图片

点击按钮后

附录1-jQuery常用事件_第2张图片

2  鼠标移入元素 mouseover()

附录1-jQuery常用事件_第3张图片

附录1-jQuery常用事件_第4张图片

3  鼠标移出元素 mouseout()

附录1-jQuery常用事件_第5张图片

附录1-jQuery常用事件_第6张图片

4  移入与移出综合 hover()

如果你只给一个函数,进出都会触发这个函数

附录1-jQuery常用事件_第7张图片

进出会触发两次,所以点一次确定后又会触发另一个

附录1-jQuery常用事件_第8张图片

附录1-jQuery常用事件_第9张图片

如果你搞两个函数,第一个是进,第二个是出

附录1-jQuery常用事件_第10张图片

附录1-jQuery常用事件_第11张图片

附录1-jQuery常用事件_第12张图片

5  发生改变 change()

多用于input标签,像checkbox,text这些都比较常用

附录1-jQuery常用事件_第13张图片

点击确定后会变为勾

6  滚动 scroll()

附录1-jQuery常用事件_第14张图片

滚动时执行函数

附录1-jQuery常用事件_第15张图片

你可能感兴趣的:(jQuery笔记,html,前端)