jQuery中的.click()方法代码实例

哄哄9709

已于 2022-02-14 01:12:15 修改

阅读量606

点赞数

文章标签： jquery javascript 前端

于 2022-02-14 01:05:42 首次发布

本文链接：https://blog.csdn.net/weixin_55626132/article/details/122917052

版权

jQuery click() 事件处理回调函数 DOM操作

关键词由CSDN通过智能技术生成

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>jQuery的 .click()方法</title>
		<style>
			p{
				color: red;
				margin: 5px;
				cursor: pointer;
			}
			p:hover{
				background: yellow;
			}
		
		</style>
		<script src="https://code.jquery.com/jquery-3.5.0.js"></script>
	</head>
	<body>
		<h1>练习1</h1>
		<div id="target">
			Click here
		</div>
		<br />
		<div id="other">
			Trigger the handler
		</div>
		<br />
		<div id="yf">
			test data
		</div>
		<h1>练习2</h1>
		<p>First Paragraph</p>
		<p>Second Paragraph</p>
		<p>Yet one more Paragraph</p>
		
		<script>
			$("#target").click(function(){
				alert("Handler for .click() called");
			})
			
			$("#other").click(function(){
				$("#target").click();
			})
			
			var user = { yfname: 'CodePlayer', yfage: 18 };
			$("#yf").click(user,function(yf){
				alert("aha:"+yf.data.yfname+";  age:"+yf.data.yfage);//aha:CodePlayer;  age:18
			})
			
			$("p").click(function(){
				$(this).slideUp();
			})
			
		</script>	
	</body>
</html>

关注博主即可阅读全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

哄哄9709

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery中的.click()方法代码实例

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>jQuery的 .click()方法</title> <style> p{ color: red; margin: 5px; cursor: pointer; } p:hover{ background: yellow; } ...
复制链接

扫一扫