jQuery事件

开发工具与关键技术： VS Code/jQuery

作者：梁水秀

撰写时间：2022/5/25

页面对不同访问者的响应叫做事件。事件处理程序指的是当 HTML 中发生某些事件时所调 用的方法。

这是整体的页面布局,三个h1标签和三个按钮，两个无序列表；

1,页面加载事件 ready()

2,事件处理

on()向元素添加事件处理程序

li标签绑定点击事件，点击li标签输出文本内容

一个元素绑定同功能的多种事件:事件和事件用空格隔开

div2绑定两个事件mouseover mouseout

off()移除通过 on() 方法添加的事件处理程序

one()向备选元素添加一个或者多个事件处理程序。该处理程序只能被每个元素触发一次

div3调用one()这个方法绑定一个一次性点击事件，该方法只执行一次

3,事件委派

delegate()向元素的当前或未来的子元素添加处理程序

ul里的li绑定点击事件，点击li标签输出文本内容；有点类似on这个方法，但是delegate

它是先写选择器后写事件名on则相反

undelegate()从现在或未来的被选元素上移出事件处理程序

比如前面的li绑定了点击事件,就调用undelegate这个方法移出

4,事件切换

hover()规定当鼠标指针悬停以及离开在被选元素上时要运行的两个函数

更多方法请参考jQuery学习手册

这是我所学到的jQuery事件，所以我要分享给你们，希望可以帮助到你们。

以上就是我的分享，新手上道，请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔！