使用 jQuery 为图像元素赋值 src 属性

使用 jQuery 为图像元素赋值 src 属性

使用 jQuery 为图像元素赋值 src 属性

使用 jQuery 为图像元素赋值 src 属性

jQuery 是一种强大的 JaScript 库，可用于轻松作和修改 DOM 元素。本文将介绍如何使用 jQuery 为图像元素赋值 src 属性，这在动态加载或替换图像时非常有用。

jQuery 的 src() 方法

jQuery 提供了 `src()` 方法，可用于获取或设置图像元素的 src 属性。此方法有两种主要用法：

获取 src 属性： `$(selector).attr('src')` 返回图像元素的当前 src 属性。 设置 src 属性： `$(selector).attr('src', 'new-src')` 将图像元素的 src 属性设置为 new-src。

用法示例

获取 src 属性：

```jascript var currentSrc = $('image').attr('src'); ```

设置 src 属性：

```jascript $('image').attr('src', 'new-image.jpg'); ```

动态加载图像

jQuery 可以用于动态加载图像，例如通过 AJAX 请求或从特定 URL。以下示例演示如何使用 jQuery 动态加载图像：

```jascript $.ajax({ : 'image.jpg', success: function(data) { $('image').attr('src', data); } }); ```

替换现有图像

jQuery 还可以用于替换现有图像。以下示例演示如何使用 jQuery 替换图像：

```jascript $('image').attr('src', $('new-image').attr('src')); ```

结论