jQuery 鼠标事件之点击事件

用交互操作中，最简单直接的操作就是点击操作。

jQuery提供了两个方法一个是click方法用于监听用户单击操作，另一个方法是dbclick方法用于监听用户双击操作。

这两个方法的用法是类似的，下面以click()事件为例

使用上非常简单：$('').click()

下面我们来看一个例子

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>事件</title>
    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
    <input type="button" value="click">

    <script>
        $("input").click(function(){
            alert("触发点击事件");
        })
    </script>
</body>
</html>

如上代码，我们就可以看出，我们给按钮做了一个点击事件，大家可以在本地尝试一下

新建文件

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>事件</title>
	<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
	<input type="button" value="click">

	<script>
		$("input").click(function(){
			alert("触发点击事件");
		})
	</script>
</body>
</html>

提交重置代码

自动运行

全屏