jQuery绑定事件 bind用法

原创于 2017-07-11 16:36:08 发布 · 356 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #绑定事件 #bind

javascript 专栏收录该内容

18 篇文章

订阅专栏

本文介绍如何使用jQuery库来为HTML元素绑定单击和其他鼠标事件。通过示例代码展示了如何为按钮绑定单击事件以弹出提示框，以及如何为文本框绑定鼠标按下和悬停事件以改变按钮背景色。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>绑定事件</title>
	</head>
	<body>
		<button class="box">点击弹出一个A</button>
		<input type="text" value="我是一个文本框"/>
		
		<script type="text/javascript" src="js/jquery-3.2.1.js"></script>
		<script type="text/javascript">
			//创建jQuery函数
			$(function(){
				//1：绑定单击事件
				//bind（）方法，里面两个参数，一个是事件名称，一个是事件函数
				$("button").bind('click',function(){
					alert("A");
				})
				//2：可以绑定多个事件
				$("input").bind('mousedown mouseover',function(){
					$('button').css("background","red");
				})
			})
		</script>
	</body>
</html>