jQuery第四章 jQuery事件

本文主要介绍了jQuery中的事件处理,包括如何定义元素监听事件和使用on()方法进行事件绑定。通过示例展示了如何为页面上的button和tr标签绑定onclick和onmouseover事件,并提供了测试用例。
摘要由CSDN通过智能技术生成

jQuery事件

一、定义元素监听事件

  • 语法格式
$(选择器).事件名称(事件处理函数);

$(选择器):定位DOM对象,DOM对象可以有多个,这些DOM对象都绑定事件了
事件名称:是JS事件中去掉on后的内容,例如JS中的onclick的事件名称是click
事件处理函数:就是function,当事件发生时,执行这个函数的内容

  • 例如:
    为页面中所有的button绑定onclick,并关联处理函数function1
    $(“button”).click(function1);
    为页面中所有的tr标签绑定onmouseover,并关联处理函数function2
    $(“tr”).mouseover(function2);

二、on()绑定事件

  • on()方法在被选元素上添加事件处理程序,使用便利
  • 语法格式
$(选择器).on(event,function)

event:事件名称,事件一个或者多个,多个之间用空格分开
function:事件处理函数,可选。规定当事件发生时运行的函数

测试用例

<!DOCTYPE html>
<html>
	<head>
		<meta charset="
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Jayco江柯

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值