【JQ】jQuery实现点击事件的几种写法

最新推荐文章于 2024-07-14 03:40:57 发布

上帝把我扔在人间

最新推荐文章于 2024-07-14 03:40:57 发布

阅读量1k

点赞数

文章标签： jQuery 点击事件 click JQ方法

本文链接：https://blog.csdn.net/qq_37949737/article/details/103366563

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>JQ点击事件的几种方法</title>
		<style type="text/css">
			.box{
				width: 200px;
				height: 200px;
				background: red;
			}
		</style>
	</head>
	<body>
		
		<div class="box" onclick="clickTap()"></div>
		
		<script src="jquery-1.12.4.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			//第一种
			$(".box").click(function(){
				alert('第一种方法：$(".box").click(function(){})')
			})
			
			//第二种
			$(".box").on("click",function(){
				alert('第二种方法：$(".box").on("click",function(){})')
			})

			//第三种
			$(document).on("click",".box",function(){
				alert('第三种方法：$(document).on("click",".box",function(){})')
			})
			
			//第四种
			function clickTap (){
				alert('第四种方法：使用<οnclick="">触发函数 clickTap')
			}
			
		</script>
	</body>
</html>

上帝把我扔在人间

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
【JQ】jQuery实现点击事件的几种写法

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>JQ点击事件的几种方法</title> <style type="text/css"> .box{ width: 200px; height: 200px;...
复制链接

扫一扫