jquery将img的图片更换成另一张img的图片
时间: 2024-05-14 11:17:26 浏览: 12
可以使用以下代码来实现:
```javascript
$(document).ready(function() {
// 获取要更换的图片的src
var newSrc = $('#newImage').attr('src');
// 将原图片的src更换为新图片的src
$('#originalImage').attr('src', newSrc);
});
```
其中,`#newImage`和`#originalImage`是两个img标签的ID,分别代表要更换的新图片和要被替换的原图片。代码中先获取新图片的src,然后将原图片的src更换为新图片的src即可。
相关问题
jquery更改img的src
可以使用 jQuery 的 `attr()` 方法来更改 `img` 元素的 `src` 属性,如下所示:
```javascript
// 获取 img 元素
var img = $('img');
// 更改 src 属性
img.attr('src', 'new-image-url.jpg');
```
在上面的代码中,`$('img')` 选择器用于获取页面上的第一个 `img` 元素,然后使用 `attr()` 方法来将 `src` 属性更改为新的图片 URL。如果你想选择页面上的其他 `img` 元素,可以使用不同的选择器来获取它们。
jquery获取img的src
可以使用以下代码来获取img标签的src属性:
```javascript
var src = $('img').attr('src');
```
其中,`$('img')`表示选取所有的img标签,`.attr('src')`表示获取它的src属性值。如果你只想获取某个具体的img标签的src属性,可以在选择器中指定它的id或class等属性。例如:
```javascript
var src = $('#myImg').attr('src');
```
其中,`#myImg`表示选取id为myImg的img标签。
相关推荐
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)