使用 jquery 替换 网页某部分的图片内容

这两天公司网站因为一张未经授权的图片被一家流氓公司搞上了法院,没办法只能赔钱 ,于是老板就提了这个把以前图片全部替换的需求,由于网站内容量庞大,不可能去一篇一篇的改内容,刚开始向的是用PHP正则匹配,但是想到效率的问题还是放弃了这种做法,转而使用js,查了资料后幸不辱命,完成了任务。

直接贴代码:

1 $(function(){
2     //var str = $(‘.you_left_x‘).html();
3     console.log(str);
4     $(‘.you_left_x>p>img‘).each(function(){
5         if($(this).prop(‘src‘)!=‘‘){
6             $(this).prop(‘src‘,‘  ‘);
7         }
8       });
9 });

代码有两处需要注意的地方

一: ‘.you_left_x>p>img‘ 这里根据自己的需求一定要把html代码的层级弄清楚;

二: prop   这里也有能是 attr 具体分别不多做赘述,按自己的需求来

我这里是把所有图片替换为了空内容 ,大家也可以根据自己的需求把他替换为同一张图片,只需更改 ‘    ’里的内容即可

时间: 2024-11-06 14:00:05

使用 jquery 替换 网页某部分的图片内容的相关文章

Android webView 加载网页时,使用本地图片替换网页内的图片

============问题描述============ RT,本质目的是阻止网页图片加载,将图片放在本地,然后在app中替换,以加快反应速度. 以前提过这个问题,没能解决,因为3.0以上才提供了替换网页资源的接口(WebResourceResponse),3.0以下没有专门的接口,想过使用get将网页取下来存为String然后替换,却发现不是所有的网页都能使用get取到(很多页面都报异常,包括百度中的某些链接),研究过一段时间,认为不能实现,放弃了. 今天突然发现一款游戏,叫巴哈姆特之怒,惊讶

jQuery实现网页右下角悬浮层提示

最近有同事提到类似网页右下角的消息悬浮提示框的制作.我之前也做过一个类似的例子,很简单.是仿QQ消息.现在感觉之前的那个例子只是说了实现原理,整体上给你的感觉还是太丑,今天为大家带来一个新的例子.是Discuz右下角悬浮层提示的.运行效果如下: 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-trans

10 款 jQuery 的网页聊天插件

很多网站都会提供在线上直接跟访客进行交流聊天的功能,这些功能使用简单直接,无需再打开其他应用程序.下面向你推荐 10 个 jQuery 的网页聊天插件. 请点击图片前往插件的页面: 1. jQuery Chat 2. Pusher Chat 3. jQuery UI Chat box Plugin 4. Arrow Chat 5. ChatJS 6. SharePoint Chat 7. jChat 8. Smooth Ajax Chat 9. Candy 10. Building a jQue

jQuery替换常用标签

使用jQuery替换HTML的常用标签,重组FORM的表单的HTML. /** * Created by bayayun on 2016/3/28. * 模板替换 */ function copyForm(el) { /*获取表单的HTML代码*/ var form = $(el).html(); $('#hideWrap').html(''); $('#hideWrap').html(form); $("input[name='_ajax']","#hideWrap&quo

jquery版网页倒计时动态效果

<!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title>jquery版网页倒计时动态效果</title> <!--[if IE]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]-->

Jquery对网页高度、宽度的操作

Jquery获取网页的宽度.高度 网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: document.body.offsetWidth (包括边线的宽) 网页可见区域高: document.body.offsetHeight (包括边线的高) 网页正文全文宽: document.body.scrollWidth 网页正文全文高: document.body.scrollHeight 网页

html+jquery制作网页地图

http://jvectormap.com/ <!--StartFragment --> JVectorMap 是一个显示矢量地图的jQuery插件.它使用 SVG 在Firefox 3 or 4, Safari, Chrome, Opera, IE9, 同时也支持老的ie浏览器ie6到ie8.使用 jVectorMap也很简单,和其他的jQuery方法相同. 在初始话地图的时候你也可以提供参数去改变地图的样式. 制作工具:Illustrator  制作教程:http://www.jaffre

JQuery替换全部字符

1 //JQuery替换全部字符 <script> 2 String.prototype.replaceAll = function (targetStr, newStr) { 3 var sourceStr = this.valueOf(); 4 while (sourceStr.indexOf(targetStr) !== -1) { 5 sourceStr = sourceStr.replace(targetStr, newStr); 6 } 7 return sourceStr; 8

jQuery替换和包裹节点

案例代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jQuery替换和包裹节点</title> <script type="text/javascript"src="../jquery-3.4.1.min.js"></script>