开发工具与关键技术: 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事件,所以我要分享给你们,希望可以帮助到你们。
以上就是我的分享,新手上道,请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔!