JQuery如何获取图片的src属性？

小彬 / 2023-02-27 / 0 评论 / 2.128k 阅读 /8 赞

作者很懒，什么都没留下！

字数652个, 阅读全文: 3 分钟

首页 › 前端技术 ,JQuery › 正文

jQuery获取图片的src属性方法：

1、使用attr()，可获取img图片元素的src属性，语法：$(img).attr("src")；

2、使用prop()，可获取第一个匹配img图片元素的src属性，语法：$(img).prop("src")；

示例1：使用attr("src")方法获取img src属性值，即图片地址

<!DOCTYPE html><html><head><meta charset="UTF-8"><script src="js/jQuery-3.6.1.min.js"></script>
<script type="text/Javascript">
$(document).ready(function() {
$("button").click(function() {
    var img=$("img").attr("src");
        console.log("src属性值为： "+img)
});
});
</script>
</head><body><img id="img" src="img/2.jpg" width="400"/><br><br><button>获取img src属性值（图片地址）</button></body></html>

示例2：使用prop("src")方法获取img src属性值，即图片地址

<!DOCTYPE html><html><head><meta charset="UTF-8"><script src="js/jQuery-3.6.1.min.js"></script>
<script type="text/Javascript">
$(document).ready(function() {
    $("button").click(function() {
        var img=$("img").prop("src");;
            console.log("src属性值为： "+img)
    });
});
</script>
</head><body>
<img id="img" src="img/2.jpg" width="400"/><br><br><button>获取img src属性值（图片地址）</button></body></html>

关于“jQuery如何获取图片的src属性？”的内容就介绍到这里了，感谢大家的阅读。

本文来自投稿，不代表本站立场，如若转载，请注明出处：https://www.xiaobinblog.com/1038.html

-- 展开阅读全文 --