web_jQuery入门案例1分析:通过jQuery实现点击事件实现按钮变色功能

1. 代码块

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<!--
    	作者:[email protected]
    	时间:2020-09-17
    	描述: 通过jQuery实现当点击点击事件时;
    		  实现按钮1的变色功能
    -->
	<script type="text/javascript" src="js/jquery-3.3.1.min.js">
		
	</script>
	<script type="text/javascript">
		function f() {
     
     
			$(".t")[0].style.background="darkcyan";
		}
	</script>
	<body>
		<button onclick="f()">点击</button>
		<button class="t">按钮1变色</button>
		<button class="t">按钮2变色</button>
	</body>
</html>

2. 功能实现

分析
功能展示

猜你喜欢

转载自blog.csdn.net/zhu_fangyuan/article/details/108651313
今日推荐