📅 最后修改于: 2023-12-03 15:02:15.830000 🧑 作者: Mango
在前端开发中，获取图像的 src 是一个非常常见的任务。本文将介绍如何使用 jQuery 来获取图像的 src。
要获取图像的 src，可以使用 jQuery 的 attr() 方法。该方法接受一个参数：要获取的属性的名称。例如，要获取图像的 src，可以这样做：
var src = $('#myImage').attr('src');
上面的代码将获取 id 为 myImage 的元素的 src 属性，并将其赋给变量 src。
下面是一个完整的示例，演示如何使用 jQuery 获取图像的 src：
<!DOCTYPE html>
<html>
<head>
<title>jQuery 获取图像的 src</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<img id="myImage" src="https://via.placeholder.com/150" alt="">
<button id="myButton">获取 src</button>
<script>
$(document).ready(function() {
$('#myButton').click(function() {
var src = $('#myImage').attr('src');
alert(src);
});
});
</script>
</body>
</html>
上面的代码会创建一个图像和一个按钮。当按钮被点击时，它会获取图像的 src 属性，并将其弹出到一个警告框中。
使用 jQuery 获取图像的 src 非常简单。只需要使用 attr() 方法，并传入要获取的属性的名称即可。