开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

如何将img元素的src属性切换回jquery？

要将img元素的src属性切换回jquery，可以使用以下方法：

首先，确保你已经引入了jQuery库。
使用jQuery的attr()方法来修改img元素的src属性。该方法可以获取或设置元素的属性值。
使用jQuery的attr()方法来修改img元素的src属性。该方法可以获取或设置元素的属性值。
在上述代码中，$('img')选择器用于选取所有的img元素。attr('src')用于获取img元素的src属性值，attr('src', '新的图片路径')用于将img元素的src属性值修改为新的图片路径。
如果你想切换回之前的src属性值，可以将其保存在一个变量中，然后在需要的时候重新设置。
如果你想切换回之前的src属性值，可以将其保存在一个变量中，然后在需要的时候重新设置。
在上述代码中，previousSrc变量用于保存之前的src属性值。首先，将img元素的src属性值修改为新的图片路径，然后通过$('img').attr('src', previousSrc)将其切换回之前的src属性值。

总结：通过使用jQuery的attr()方法，可以轻松地修改img元素的src属性值，并且可以保存之前的src属性值以便切换回去。这种方法适用于需要动态切换图片的场景，例如图片轮播、图片切换等。

推荐的腾讯云相关产品和产品介绍链接地址：

腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
腾讯云云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
腾讯云物联网（IoT）：https://cloud.tencent.com/product/iot
腾讯云移动开发（移动推送、移动分析、移动测试等）：https://cloud.tencent.com/product/mobile
腾讯云数据库（MySQL、MongoDB、Redis等）：https://cloud.tencent.com/product/cdb
腾讯云区块链（BCS）：https://cloud.tencent.com/product/bcs
腾讯云视频处理（点播、直播、转码等）：https://cloud.tencent.com/product/vod
腾讯云音视频通信（TRTC）：https://cloud.tencent.com/product/trtc
腾讯云网络安全（DDoS防护、Web应用防火墙等）：https://cloud.tencent.com/product/ddos

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

js和jQuery获取img标签的src属性获取不到的解决方法

很多朋友可能遇到过，用 jQuery 获取 img 标签的 src 属性却获取不到的问题：使用如下的语句都会出错：...alert($('#test')); alert($('#test').src); 使用 $('#test').src 语句不会出错，但获取不到 img 的地址。...img 的地址。...拓展： JS获取 img 的 src 值： //方法一： var path = $('#test').attr('src'); //方法二： var path = document.getElementById...("test").src; //方法三： var path = $("#test")[0].src; 声明：本文由w3h5原创，转载请注明出处：《js和jQuery获取img标签的src属性获取不到的解决方法

18.8K6 0

利用 img 的 src 属性发起 get 请求踩坑记录

一、背景工作中，碰到一个需求，需要使用img标签的src属性发送一个get请求。原先的设想是，当请求发送成功之后，会触发img的onload回调，请求失败，则触发img的onerror回调。...编写测试demo 首先写一个demo，利用js动态创建一个img标签，然后将接口地址赋值给src属性，发起请求，同时，设置好onload和onerror回调函数。 <!...而当你把src属性的值换成一个正常的图片地址后，onload就能正常触发。 3....但是不甘心呀，于是网上查阅资料，发现还HTMLImageElement上还有一个叫complete的只读属性，它是一个布尔值，表示图片是否完全加载完成。...在看到定义里面表示图片是否完全加载完成的时候，心凉了一截，怕是这个也没办法达到我的要求，但还是抱着试一试的想法测试了一下，于是在原先的代码里，添加了complete属性： <!

4.4K0 0

PHP 正则表达式获取富文本中的 img标签的src属性

前言鄙人发现对于微信看看中的文章，一般都会有三张摘要图片；所以想着可以直接提取富文本中的标签的 src 属性信息；这样就可以在前台的文章列表中展示三张图片（建议不要多了），吸引阅读... 标签是忽略大小写的，并且标签结尾使用 > 或者 /> - 2. src 属性信息一般是以".jpg|.png|.jpeg|.gif"结尾的; 但是也有的不需要扩展没那个结尾（只是个图片链接...注意匹配的结尾形式 ([^\'\"]*) 匹配不上单引号和双引号的字符整理后的处理源码如下： /** * 对富文本信息中的数据 * 匹配出所有的标签的 src属性 * @param...标签中的 src属性信息 $pattern_src = '/\bsrc\b\s*=\s*[\'\"]?...参考文章 ------ 如何通过正则表达式获取img标签的src属性 ------ PHP正则表达式，看这一篇就够啦！ ②. 推荐学习—— 正则表达式 - 匹配规则

6.7K1 0

jQuery 隐藏具有指定class属性值的元素

title>前端 .antzone{ width:200px; height:100px; background:#ccc; } $(document).ready(function(){ $(...div class="antzone"> 点击按钮可以隐藏class属性值为..."antzone"的元素。

5K3 0

jQuery点击图片来回切换功能

在项目里，有时候会写这样的开关效果，点击开关来回切换，也就是jquery实现点击图片切换为另一图片,再次点击恢复到原图片。下面是一个小的demo示例： /...class="button" src="images/checked.png"> <script src="http://code.jquery.com/jquery-....click(function() { //给button按钮一个点击事件 if (kg) { //进行判断 //attr() 方法设置或返回被选元素的属性值...kg; //这里的感叹号是取反的意思，如果你没有写，当你点击切换回第一张图片时，就会不生效 })

9.4K2 0

使用jQuery筛选排除元素以修改指定标签的属性

1、eq()　　筛选指定索引号的元素 2、first()　　筛选出第一个匹配的元素 3、last()　　筛选出最后一个匹配的元素 4、hasClass()　　检查匹配的元素是否含有指定的类...5、filter()　　筛选出与指定表达式匹配的元素集合 6、is()　　　检查元素是否参数里能匹配上的 7、map() 8、has()　　筛选出包含指定子元素的元素 9、not()　　排除能够被参数中匹配的元素...10、slice()　　　　从指定索引开始，截取指定个数的元素 11、children()　　筛选获取指定元素的资源 12、closest()　　从当前元素开始，返回最先匹配到的符合条件的父元素...注意参数条件本身不会被匹配 24、siblings()　　获取指定元素的兄弟元素，不分前后 25、add()　　　　将选中的元素添加到jQuery对象集合中 26、andSelf()　　将自身加到选中的...jQuery集合中,以方便一次性操作 27、end()　　　将改变当前选择器选中的操作回退为上一个状态。

1.4K2 0

js操作元素属性_如何将ajax返回的网页加载出来

Storage表示存储的意思。一. 设置值 sessionStorage.setItem(key,value); 设置元素的值, setItem....类似于服务器端的setAttribute(); 二.得到值 var data=sessionStorage.getItem(key); 类似于服务器端的getAttribute();方法三....JS，那么设置的值就又回到了原始的值。...如果不想这样，可以将这个值放置在JS的session中。用sessionStorage来进行相应的设置。版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。...如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至举报，一经查实，本站将立刻删除。

1.9K5 0

从零开始学 Web 之 jQuery（二）获取和操作元素的属性

一、jQuery获取和操作元素属性 DOM中有很多方式获取元素，比如通过id，通过标签名，通过类名，通过name的值，通过选择器等方式。...this.value = "改变按钮"; // 是DOM的写法，没问题。 PS：jQuery 中使用 jQuery对象.val("内容") 来设置表单标签的 value 属性。...PS：jQuery中使用 jQuery对象.css("属性":"值"); 的方式设置标签的样式。 4、并集选择器语法：$("div,p,span")，中间使用逗号隔开。...小总结：jQuery中的一些方法 val(); // 获取或设置表单标签中的 value 值。 css(); // 设置元素的 css 样式属性值。...

1.8K4 0

第50次文章：JQuery基础

语法：$("html标签名")获得所有匹配标签名称的元素 id选择器。语法：$("#id的属性值")获得与指定id属性值匹配的元素类选择器。...语法：$("A B ")选择A元素内部的所有B元素子选择器。语法：$("A > B")选择A元素内部的所有B子元素（3）属性选择器属性名称选择器。...语法：$("A[属性名='值'][]...")包含多个属性条件的选择器（4）过滤选择器首元素选择器。语法：:first 获得选择的元素中的第一个元素尾元素选择器。...():获取/设置元素的属性 removeAttr():删除属性 prop():获取/设置元素的属性 removeProp():删除属性【tips】attr和prop区别？...如果操作的是元素的固有属性，则建议使用prop 如果操作的是元素自定义的属性，则建议使用attr (2) 对class属性操作 addClass()：添加class属性值。

1.6K3 0

一文入门jQuery

）语法： $(“html标签名”) 获得所有匹配标签名称的元素 id选择器语法： $(“#id的属性值”) 获得与指定id属性值匹配的元素类选择器语法： $(“.class的属性值”) 获得与指定的...： $(“A > B”) 选择A元素内部的所有B子元素属性选择器属性名称选择器语法： $(“A[属性名]”) 包含指定属性的选择器属性选择器语法： $(“A[属性名=‘值’]”) 包含指定属性等于指定值的选择器...复合属性选择器语法： $(“A[属性名=‘值’][]…”) 包含多个属性条件的选择器过滤选择器首元素选择器语法： :first 获得选择的元素中的第一个元素尾元素选择器语法： :last...--> 内容 text(): 获取/设置元素的标签体纯文本内容内容 --> 内容 val()：获取/设置元素的value属性值属性操作通用属性操作 attr(): 获取/设置元素的属性 removeAttr...如果操作的是元素的固有属性，则建议使用prop 如果操作的是元素自定义的属性，则建议使用attr 对class属性操作 addClass():添加class属性值 removeClass():删除class

3.5K2 0

jQuery的简单使用

在jQuery里的事件名称并没有与html中的事件名称有多大区别，还是那个熟悉的味道熟悉的套路，示例： "); }); val方法可以返回或设置被选元素的值，元素的值是通过 value 属性设置的。该方法大多用于 input 元素。...; }); 控制标签属性 attr方法可以控制标签的所有属性，通过这个方法可以给某个标签动态设置属性，也可以通过这个方法来获得某个属性的值，...而removeAttr方法则可以删除指定的属性： <!...); }); toggle方法可以切换元素的可见状态，如果被选元素可见，则隐藏这些元素，如果被选元素隐藏，则显示这些元素，同样的可以设置过程时间和回调函数： <!

7K1 0

前端基础：jQuery

// 选取 href 属性以 com 结尾的元素 $("[href$='com']").css("color","red"); // 选取 href 属性包含 a 的元素 $("... ... $("img...属性函数 attr("属性") 获得元素的属性值。...attr("属性", "新值") 修改元素的属性值。 attr(样式参数) 样式参数可以写成 json 格式。

13.5K2 0

第86节：Java中的JQuery基础

.hide() - 隐藏当前元素 jquery函数 // 为了防止文档完全加载就绪之前运行的代码 $(document).ready(function(){ }); 选择器元素选择器 $("p.kk"...) class="kk" 的元素属性选择器 $("[href]") 选取带有 href 属性的元素 $("[href='#']") 选取带有 href 值等于 "#" 的元素 $("[href...") 所有带有以 ".jpg" 结尾的 href 属性的属性事件 jquery事件处理函数是jquery中和核心函数。...，显示隐藏的元素 $(selector).toggle(speed,callback) <script type="text/javascript" src=".....效果定时弹出广告 <img src="..

2.9K3 0

JQuery干货篇之选择元素

JQuery 干货篇之选择元素 1.1. 实验的HTML+CSS的代码 1.2. 选择器 1.3. JQuery对象的方法 1.4....$("img").index("img[src=*astor]") length || size() 返回的时jquery对象个数 $("img:odd").length toArray...","thick double red"); //选择子代拥有img属性src带有astor的div.dcell元素 var s=$("[for*=astor]"); $("div.dcell").has...，那么就返回true,否则false 实例： console.log($("img").is("[src*=astor]"));//这里是判断img中的src属性有没有astor字段的，如果存在返回...true，index是索引 return this.getAttribute('src')=='rose.png'; //判断属性 }); console.log(c

1.8K3 0

后端开发必备JQuery常用知识点jQuery.each(object, )1 筛选2 属性3 文档处理4 回调函数

2 属性 attr(name|properties|key,value|fn) 设置或返回被选元素的属性值。 ? ? 参数name 描述: 返回文档中所有图像的src属性值。...jQuery 代码: $("img").attr("src"); 参数properties 描述: 为所有图像设置src和alt属性。...jQuery 代码: $("img").attr({ src: "test.jpg", alt: "Test Image" }); 参数key,value 描述: 为所有图像设置src属性。...jQuery 代码: $("img").attr("src","test.jpg"); 参数key,回调函数描述: 把src属性的值设置为title属性的值。...jQuery 代码: $("img").attr("title", function() { return this.src }); 3 文档处理 append(content|fn) 向每个匹配的元素内部追加内容

7453 0

JQuery的学习

标签选择器（元素选择器） * 语法： $("html标签名") 获得所有匹配标签名称的元素 2. id选择器 * 语法： $("#id的属性值") 获得与指定id属性值匹配的元素...通用属性操作： 1.attr():获取/设置元素的属性 2.removeAttr():删除属性 3.prop():获取/设置元素的属性 4.removeProp():删除属性 * attr和prop区别...属性 $("#img1ID").prop("src",imgs[index]); },20); });...属性 $("#img2ID").prop("src",imgs[index]); }); }); ...id="img2ID" src="..

16.6K2 0

从零开始学 Web 之 jQuery（四）元素的创建添加与删除，自定义属性

属性的操作一般 val() 是获取表单的 value 属性； val(值); 设置表单的 value 属性。...，但是也可以操作元素的自带属性。...但是操作元素是否选中的 checked 属性时不合适。 2、操作元素的选中 checked 属性，推荐使用 prop 方法。...自定义属性的选中问题元素.attr(); // 获取某个元素是否被选中的状态元素.attr("checked",true); //设置某个元素为选中 // 设置总的复选框对子复选框的影响 $(".th input").click(function () {

2.2K3 0

JQuery 笔记（二）

JQuery 高级 1. 动画 1. 三种方式显示和隐藏元素 1....语法： jquery对象.each(function(index,element){}); * index:就是元素在集合中的索引...给开始按钮绑定单击事件 1.1 定义循环定时器 1.2 切换小相框的src属性...属性 $("#img1ID").prop("src",imgs[index]); },20); });...属性 $("#img2ID").prop("src",imgs[index]).hide(); //显示1秒之后

3.1K1 0

Web前端学习第4章 jQuery 1 jQuery概述

三、jQuery选择器刚刚学习jQuery的时候，可以与css做比较：css使用【选择器】查找元素，使用【属性名：属性值】改变元素样式。...设置元素属性我们还可以通过jQuery的attr方法来设置元素的属性，下面的例子我们使用attr方法将img标签的src属性指定成一张图片的路径。...1 2 3 4 ...5 $(".pic").attr("src","images/0.jpg"); 6 7 在上面的代码中，html标签img并没有设置src属性...，我们通过jQuery的attr方法设置了img标签src属性。

8522 0

手把手教你用jQuery Mobile做相册

【一、项目背景】 jQuery是当前很流行的一个JavaScript框架，使用类似于CSS的选择器，可以方便的操作HTML元素，拥有很好的可扩展性，拥有不少jQuery插件，也可对个方面进行插件开发。...jQuery可以快速找到文档中的html元素，并对其进行操作，如隐藏、显示、改变样式...... 【二、项目准备】 1...."> 【三、项目实施】 1. body里面写入以下代码，（img标签的src属性导入自己喜欢的图片，设置图片的样式）。...="window"> 属性含义 data-role="page" 是在浏览器中显示的页面...我们推荐您使用 data-role="button" 的元素来创建页面之间的链接，而或元素用于表单提交。【四、效果展示】 1.

2.4K1 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭