jquery入门点击更改图片src

最新推荐文章于 2024-04-10 18:01:19 发布

msklearn

最新推荐文章于 2024-04-10 18:01:19 发布

阅读量1.5k

点赞数 1

分类专栏： Jquery 文章标签： jquery

本文链接：https://blog.csdn.net/Canon_M/article/details/88091482

版权

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>习题5</title>
	<style>
		*{
			margin: 0;
			padding: 0;
		}
		#box{
			width: 500px;
			height: 400px;
			margin: 0 auto;
		}
	</style>
</head>
<body>
	<div id="box">
		<input type="submit" value="李亦非" id="btn1">
		<input type="submit" value="李若彤" id="btn2">
		<input type="submit" value="黎姿" id="btn3">
		<img src="" alt="" width="400px" height="300px">
	</div>
	<script src="jquery.min.js"></script>
	<script>
		$(function(){
			$("#btn1").click(function(){
				$("img").attr('src',"images/1.jpg"); 
			});
			$("#btn2").click(function(){
				$(&

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

msklearn

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery入门点击更改图片src

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;习题5&lt;/title&gt; &lt;style&gt; *{ margin: 0; padding: 0; } #box{
复制链接

扫一扫