jquery怎么改变img的src属性

jquery改变img src属性的方法:1、使用attr()属性,语法“$(“img”).attr(“src”,”图片文件的地址”)”;2、使用prop()方法,语法“$(“img”).prop(“src”,”图片文件的地址”)”。

jquery怎么改变img的src属性

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

jquery怎么改变img的src属性

方法1:使用attr()属性

attr() 方法设置或返回被选元素的属性值。

nbsp;html>$(document).ready(function() {$("button").click(function() {$("img").attr("src","img/2.jpg");});});jquery怎么改变img的src属性


登录后复制

1.gif

方法2:使用prop()方法

prop() 方法设置或返回被选元素的属性和值。

nbsp;html>$(document).ready(function() {$("button").click(function() {$("img").prop("src","img/3.jpg");});});jquery怎么改变img的src属性


登录后复制

2.gif

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

以上就是jquery怎么改变img的src属性的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2936888.html

(0)
上一篇 2025年3月11日 21:06:05
下一篇 2025年3月11日 21:06:11

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • jquery怎么隐藏span元素

    隐藏方法:1、使用“$(“span”).hide();”语句来隐藏;2、使用“$(“span”).toggle(false);”语句来隐藏;3、使用“$(“span”)…

    2025年3月11日
    200
  • jquery库类型分几种

    jquery库类型分2种:1、生产版“jquery.min.js”,经过工具压缩或经过服务器开启gzip压缩后,主要用于产品和项目;2、开发版“jquery.js”,主要用于测试,学习和开发。 本教程操作环境:windows7系统、jque…

    2025年3月11日
    200
  • jquery事件委托方法有哪些

    jquery事件委托方法有:1、blind()方法,主要用于给选择到的元素进行事件绑定;2、live()方法,向当前或未来的匹配元素添加一个或多个事件处理器;3、delegate()方法;4、on()方法,用于将监听事件绑定到就近父级元素。…

    2025年3月11日
    200
  • jquery中append是什么意思

    在jquery中,append的意思为“追加”,用于在被选元素的结尾插入指定内容;语法为“$(A).append(B)”,表示往A内部的末尾处插入B内容(可包含HTML标签)。 本教程操作环境:windows7系统、jquery1.10.2…

    2025年3月11日
    200
  • jquery中parents()方法有什么用

    在jquery中,parents()方法用于获得当前匹配元素集合中每个元素的祖先元素,语法为“$(selector).parents(filter)”;参数“filter”可选,用于规定缩小搜索祖先元素范围的选择器表达式。 本教程操作环境:…

    2025年3月11日
    200
  • jquery怎么删除字符串第一个字符

    删除字符串第一个字符的方法:1、使用“$(selector).val()”语句获取元素中的字符串内容;2、使用substr()方法对字符串进行截取,进而实现删除字符串中第一个字符,语法为“字符串内容.substr(1,字符串长度)”。 本教…

    2025年3月11日 编程技术
    200
  • jquery trim()方法有什么用

    在jquery中,trim()方法用于去除字符串两端的空白字符,语法为“$.trim(str)”;trim()方法会移除字符串开始和末尾处的所有换行符、空格(包括连续的空格)和制表符。 本教程操作环境:windows7系统、jquery1.…

    2025年3月11日
    200
  • jquery怎么清除同级元素

    jquery清除同级元素的方法:1、使用siblings(),next(),prev()等方法获得同级元素;2、使用remove()方法删除获取到的同级元素即可,语法“同级元素.remove()”。 本教程操作环境:windows7系统、j…

    2025年3月11日
    200
  • jquery怎么给元素设置属性

    设置方法:1、使用attr()方法,语法“$(selector).attr(属性名,值)”或“$(selector).attr({属性名:值;})”;2、使用prop()方法,语法“$(selector).prop(属性名,值)”。 本教程…

    2025年3月11日
    200
  • jquery怎么删除上级元素

    删除方法:1、用unwrap()方法删除,语法“$(selector).unwrap()”;2、用parent()获取上级元素,用remove()方法删除获取到的元素,语法“$(selector).parent().remove()”。 本…

    2025年3月11日
    200

发表回复

登录后才能评论