jquery 设置Img的src
封面图
•
2025-09-23
•
jQuery
199
0
0
0
在 jQuery 中，你可以使用 `.attr()` 方法或 `.prop()` 方法来设置 `<img>` 元素的 `src` 属性。 ### 方法一：使用 `.attr()` ```javascript $('img').attr('src', 'https://example.com/image.jpg'); ``` 这会将页面中所有 `<img>` 标签的 `src` 设置为指定的 URL。 如果你只想设置某个特定的图片（比如通过 ID 或类选择器）： ```javascript $('#myImage').attr('src', 'https://example.com/image.jpg'); ``` ### 方法二：使用 `.prop()` ```javascript $('img').prop('src', 'https://example.com/image.jpg'); ``` `.prop()` 和 `.attr()` 在大多数情况下效果相同，但在某些特殊情况下（如表单控件），两者行为略有不同。对于 `src` 属性，两者都可以使用。 ### 示例 HTML ```html <img id="myImage" src="" alt="Sample Image"> ``` ### 示例 JavaScript ```javascript $('#myImage').attr('src', 'https://example.com/image.jpg'); // 或者 $('#myImage').prop('src', 'https://example.com/image.jpg'); ``` 这两种方法都会把图片的 `src` 设置为指定的 URL，从而加载新的图片。 如果你有更多关于动态设置图片的问题，也可以继续问我！
上一篇：
实用的jQuery表格样式（隔行换色和鼠标经过高亮并显示隐藏内容）
下一篇：
用jquery 比如点击按钮则增加input框
标题录入，一次不能超过6条
返回顶部
留言
留言
评论