使用jQuery动态加载图片可以通过$("")创建一个图片元素,然后设置其src属性来实现。下面是一个简单的例子:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>动态加载图片</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<div id="imageContainer">
<!-- 这里将动态加载的图片放置 -->
</div>
<button id="loadImageBtn">加载图片</button>
<script>
$(document).ready(function() {
$('#loadImageBtn').click(function() {
// 创建图片元素
var $img = $('<img>');
// 设置图片地址
$img.attr('src', 'https://via.placeholder.com/150');
// 将图片添加到容器中
$('#imageContainer').append($img);
});
});
</script>
</body>
</html>
在这个例子中,当点击按钮时,jQuery会创建一个元素,并设置其src属性为一个占位图片的URL。然后,这个图片元素被添加到了一个具有id="imageContainer"的
容器中。
你可以根据需要调整图片的URL和其他属性,以适应你的实际场景。
版权属于:泽泽社长
本文链接:https://blog.zezeshe.com/archives/ing-jquery.html
本站未注明转载的文章均为原创,并采用
CC BY-NC-SA 4.0 授权协议,转载请注明来源,谢谢!
暂无评论,快来抢沙发