热门看点:jquery可以获取图片的src属性吗

时间:2022-12-16 16:58:35       来源:PHP中文网

前端(vue)入门到精通课程,老师在线辅导:联系老师Apipost = Postman + Swagger + Mock + Jmeter 超好用的API调试工具:点击使用


(资料图片仅供参考)

本教程操作环境:windows7系统、jquery3.6.1版本、Dell G3电脑。

在jquery中,可以利用两种方法来获取元素的属性:

attr()

prop()

方法1、使用attr()获取图片的src属性

attr()方法可以返回被选元素的属性值

语法:

元素对象.attr("属性名")
登录后复制

只需要获取指定img元素对象,并使用attr("src")方法即可获取该图片的src属性

示例:获取img src属性值,即图片地址

<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>

登录后复制

2、使用prop()获取图片的src属性

prop() 方法可返回被选元素的属性值,会返回第一个匹配元素的属性值。

语法:

元素对象.prop("属性名")
登录后复制

只需要获取指定img元素对象,并使用prop("src")方法即可获取该图片的src属性

示例:获取img src属性值,即图片地址

<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>

登录后复制

【推荐学习:jQuery视频教程、web前端视频】

以上就是jquery可以获取图片的src属性吗的详细内容,更多请关注php中文网其它相关文章!

关键词: 相关文章 视频教程 可以利用