js 点击按钮改变 img路径 求解~~~急急急~~~坐等!!!

爬不动的菜鸟 2014-09-16 01:08:04
<div class="11">
<a>
<img scr="images/1.jpg">
</a>
<a>
<img scr="images/2.jpg">
</a>
</div>

<div class="22">
<a>
<img scr="images/pro/1.jpg">
</a>
<a>
<img scr="images/pro/2.jpg">
</a>
</div>

<div class="div1"></div>
<div class="div2"></div>

怎么实现点击class div1把<div class="11">里面的img路径改成<div class="22">里面的路径?
急急急~~~坐等!!!
...全文
410 7 打赏 收藏 转发到动态 举报
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
爬不动的菜鸟 2014-09-16
  • 打赏
  • 举报
回复
引用 6 楼 ly12530 的回复:

$(function(){
    $(".div1").click(function(){
     $(".11").attr("src",$(".22").attr("src"));
    })
})
图片的scr 改成src
没用。。
Null_Reference 2014-09-16
  • 打赏
  • 举报
回复

$(function(){
    $(".div1").click(function(){
     $(".11").attr("src",$(".22").attr("src"));
    })
})
图片的scr 改成src
wz_307 2014-09-16
  • 打赏
  • 举报
回复
LZ的src写成scr了 另外, 类名最好不要以纯数字命名.

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>document</title>
	<script type="text/javascript" src="script/jquery.js"></script>
	<script type="text/javascript">
		function a(){
			var html = $(".11").html();
			$(".22").html(html);
		}
	</script>
	<style type="text/css">
		
	</style>
</head>
<body>
	<button onclick="a()">change</button>
	<div class="11">
		<a href="#">
		 <img src="1.jpg" />
		</a>
		<a>
		 <img src="2.jpg" />
		</a>
	</div>

	<div class="22">
		<a>
		 <img src="3.jpg" />
		</a>
		<a>
		 <img src="4.jpg" />
		</a>
	</div>

	<div class="div1"></div>
	<div class="div2"></div>
</body>
</html>
爬不动的菜鸟 2014-09-16
  • 打赏
  • 举报
回复
隐不掉。。。
l810591802 2014-09-16
  • 打赏
  • 举报
回复
不行的话,写2个IMG吧,隐藏一个 显示一个
爬不动的菜鸟 2014-09-16
  • 打赏
  • 举报
回复
不行啊,能不能换路径的?
宁静志远 2014-09-16
  • 打赏
  • 举报
回复
点击之后吧,11里面的内容换成22里的

	$(function(){
		$(".div1").click(function(){
			var str22=$(".22").html();
			alert(str22);
			$(".11").html(str22);
		})
	})
源码下载地址: https://pan.quark.cn/s/0d6e3002ba51 ### IR2110中文资料知识点详述 #### 一、概述 IR2110是一种专为脉冲宽度调制应用而设计的高性能驱动集成电路,在各类功率转换设备中具有广泛的应用,特别是在需要实现隔离驱动的场景下表现出色。该芯片融合了光电隔离与电磁隔离的优势,能够达成快速响应并保持较小的物理尺寸,尤其适合用于中小功率的变换装置。 #### 二、IR2110内部结构与特点 **1. 内部结构** - **封装形式**:采用DIP14引脚封装。 - **内部组成**:由逻辑输入单元、电平平移单元以及输出保护单元这三个主要部分构成。 - **悬浮电源**:借助自举电路实现,使得高端工作电压最高能够达到500V,支持±50V/ns的电压变化率。 - **工作电压范围**:逻辑电源电压范围为5~15V,输出电源端电压范围为10~20V,易于与其他逻辑电平进行匹配。 - **工作频率**:最高可达到500kHz。 - **功耗**:在15V条件下静态功耗仅为116mW。 - **延迟时间**:导通延迟120ns,关断延迟94ns。 - **峰值输出电流**:图腾柱输出峰值电流为2A。 **2. 特点** - **独立输入通道**:具备独立的低端和高端输入通道配置。 - **兼容性**:逻辑电源地与功率地之间允许±5V的偏移量,便于与TTL或CMOS电平进行匹配。 - **自举电源**:内置自举电源电路,有效减少驱动电源的数量,从而简化电路设计。 - **高dv/dt能力**:具有较强的dv/dt抑制能力,适合高频开关应用。 - **低功耗**:工作状态下功耗较低,有利于提升整体效率。 #### 三、高压侧...

87,987

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧