<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div name="b" class="active"></div>
<img src="" alt="">
<script src="./jquery-3.5.1.js"></script>
<script>
$(function(){
//动态添加单个属性
// $('div').attr('id','box')
//动态添加多个属性
$('div').attr({id:'box',title:'盒子'})
//获取标签的属性值
console.log($('div').attr('name')) //b
//2秒后显示图片 alt 图片加载失败显示
setTimeout(function () {
$('img').attr({src:'https://img04.sogoucdn.com/app/a/100520093/fd9433adc4d8e5c1-354144c14274849b-d03236b51f4ba0b505c6a6f025edf76b.jpg',alt:'美女'})
},2000)
})
</script>
</body>
</html>