jquery 修改 img标签的src
时间: 2024-03-24 09:18:18 浏览: 19
可以使用 jQuery 的 attr() 方法来修改 img 标签的 src 属性。
例如,假设我们有一个 img 标签,如下所示:
```html
<img id="myImg" src="old_image.jpg" alt="Old Image">
```
我们可以使用以下代码来修改它的 src 属性:
```javascript
$("#myImg").attr("src", "new_image.jpg");
```
这将把原始图像的 src 属性从 "old_image.jpg" 更改为 "new_image.jpg"。
相关问题
jquery赋值给第2个img标签src
可以使用 jQuery 的 `eq()` 方法选择第二个 `img` 标签,并使用 `.attr()` 方法将其 `src` 属性赋值。示例如下:
```javascript
$("img").eq(1).attr("src", "your-image-url");
```
其中:
- `$("img")`:选择所有的 `img` 标签。
- `.eq(1)`:选择第二个 `img` 标签,因为索引从 0 开始。
- `.attr("src", "your-image-url")`:将 `src` 属性赋值为指定的图片 URL。
你可以根据实际情况进行修改。
<span class="showOptions btn btn-default" style="display: inline-block; position: relative; z-index: 100; margin-right: 5px;"> <img style="height:16px;" border="0" src="/snsp/base/static/images/image/image.gif"> </span> 用JQuery监听img标签的src值是否发生改变,如果改变输出“123123123”
可以使用 JQuery 的 `attr` 函数获取 img 标签的 src 属性,并使用 `setInterval` 函数定时检查是否发生变化,代码如下:
```javascript
$(function() {
let src = $('img').attr('src'); // 获取初始的 src 属性值
setInterval(function() {
let newSrc = $('img').attr('src'); // 获取最新的 src 属性值
if (newSrc !== src) { // 如果发生变化,输出“123123123”
console.log('123123123');
src = newSrc; // 更新 src 属性值
}
}, 1000);
});
```
当 img 标签的 src 属性发生变化时,会输出 "123123123"。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.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)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)