<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<img src="../images/1.jpg" alt="">
<!-- 1.需要引入外部的jQuery文件 -->
<script type="text/javascript" src="../jquery-3.2.1.js"></script>
<script type="text/javascript">
$(function () {
// attr() 和css() 一样
// 设置单个属性
// $("img").attr("src", "../images/2.jpg");
// 设置多个属性
// attr(obj)
$("img").attr({
"src" : "../images/2.jpg",
"alt" : "这是商城某件商品",
"aa" : "bb"
})
console.log($("img").attr("src"))
})
</script>
</body>
</html>
上述运行结果: