前端(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中文网其它相关文章!