jQuery事件处理方法

on("click","function") - 为选中的页面元素绑定单击事件

click(function) - 是绑定事件的简写形式

处理方法中提供了event参数包含了事件的相关信息

鼠标事件

click

dblclick

mouseenter

mouseleave

mouseover

键盘事件

keypress

keydown

keyup

表单事件

submit

change

focus

blur

文档/窗口事件

load

resize

scroll

unload

java 复制代码
<script type="text/javascript">
		$("p.myclass").on("click", function() {
			//$(this)是指当前事件产生的对象
			$(this).css("background-color", "yellow");
		});

		$("span.myclass").click(function() {
			$(this).css("background-color", "lightgreen");
		});

		$("input[name='uname']").keypress(function(event) {
			console.log(event);
			if (event.keyCode == 32) {
				$(this).css("color", "red");
			}
		});
	</script>
相关推荐
道里3 小时前
花了 5 万刀用 AI 写代码之后,这是我的全部经验
前端·人工智能
Royzst3 小时前
xml知识点
java·服务器·前端
IT_陈寒3 小时前
React useEffect闭包陷阱差点把我整失业了
前端·人工智能·后端
kyriewen4 小时前
推行AI写代码一年后,Code Review变成了新的加班理由
前端·ai编程·cursor
前端环境观察室4 小时前
给 Agent Browser Workflow 加一层可观测性:Trace、Snapshot 和 Review Queue
前端
柒瑞5 小时前
Superpowers结合Claude code浅实战
前端
Nian.Baikal5 小时前
从零搭建离线地图服务:Nginx + Cesium/Leaflet 实战指南
运维·前端·nginx
zithern_juejin5 小时前
new 运算符
javascript
前端毕业班5 小时前
uniapp web 灵活控制 style scoped
前端·javascript·vue.js
lichenyang4535 小时前
鸿蒙业务需求实战:AI 问题走马灯卡片实现复盘
前端