首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

似乎没有让$().attr('src')来完成它的工作

$().attr('src')是jQuery中的一个方法,用于获取或设置HTML元素的属性值。在这个问答内容中,似乎是在讨论使用$().attr('src')方法时出现了问题,无法完成预期的工作。

要解决这个问题,可以尝试以下几个方面的排查和调试:

  1. 确认选择器是否正确:$()中的选择器应该能够准确地选中目标元素。可以使用开发者工具检查元素是否被正确选中。
  2. 确认目标元素是否存在:使用$().attr('src')方法之前,需要确保目标元素已经被正确地加载到DOM中。可以使用$(document).ready()或$(window).on('load', function(){})等方法来确保元素已经加载完毕。
  3. 检查属性名是否正确:确保使用的属性名是正确的。在这个情况下,应该使用'src'作为属性名。
  4. 检查属性值是否正确:如果是设置属性值,需要确保提供的属性值是正确的。可以使用开发者工具检查属性值是否被正确地设置。
  5. 检查是否存在其他代码冲突:可能存在其他代码干扰了$().attr('src')方法的正常工作。可以尝试暂时注释掉其他代码,逐步排查可能的冲突。

总结起来,$().attr('src')方法在正确的使用情况下可以获取或设置HTML元素的src属性值。如果无法完成预期的工作,需要仔细检查选择器、元素是否存在、属性名和属性值的正确性,以及可能存在的其他代码冲突。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

从 Vite 与 Vue 开始 D3 数据可视化之旅

可以使用以下方式初始化项目。进入月台(终端)。 因为我通常习惯使用 yarn。所以后面主要以 yarn 作为示例。 (2020 年末 npm 与 yarn 并没有显著差异。)...同时,很多处理工作可以在发出请求客户端机器上完成,因此 Web 服务器负荷也减少了。...,天下亦没有不散宴席。...(更有项目级别的感觉。) 比如: Sass: CSS 最为流行预处理器,我们可以借助利用嵌套、变量等方式更加便捷地书写 CSS。...一下子似乎又多了许多新内容,但是不用担心,我们是自顶向下式,我们先使用这些可以提高开发效率工具,对其产生兴趣,然后再去逐一进一步了解它们。

2.3K30

PTC(pay to click)—— 躺着赚钱(比特币)?

用户完成网站上任务,可以获得对应收益,比如点击广告主广告,达到一定金额可以提现。...不难发现,验证码图片数字和img标签src图片名称一致,另一方面,验证码所在div id也是有规律,现在只需要根据验证码divid找到其下每个img元素,再获取src属性值,想办法获取图片名称...执行代码后账户余额: ? 多了0.1美元,似乎有多少额。。。。。。but,加个循环啊,比如循环2000多次后: ? 到这里,大伙是不是和我一样兴奋,可以躺着薅广告主羊毛啊!...然而就像开头所说,体现是个问题,该平台也支持PayPal,我当初也试了下,填写了PayPal信息,还好填错了才没有把账户信息泄露给该平台,细思极恐,因为这家网站明显是骗人。...要是按照提供方式用比特币购买Referrals,那真是骗子们躺着赚钱了。

92470

那些年我们一起学XSS - 8. Dom Xss入门

一共有6处,有一处图上没显示,但是也没用处,这里不列出来了,看上面代码中5处。我们已经知道,, " 都被过滤了, 用前面提到某些技巧,似乎也无法直接XSS。那么该怎么办呢? 7....这里 [输出] 最然过滤了 ,但是并没有过滤 \ 。这样一,大家应该清楚,为什么上面要说到 < 可以写为 \u003c 了吧。就是为了应付这种情况。 9....别灰心,被过滤原因,是因为 @Jannock 大牛在乌云报告过这个漏洞。 WooYun: 跨站脚本-可以战场离得更远(浅谈腾讯架构缺陷) 11....其实我们还应该注意到上面图片中,过滤实际上是\u003c和\u003e,但是并没有过滤\u0020,这说明,腾讯只是针对性过滤,并没有过滤 反斜线。 12....xxxxx只能使用 这种方式触发JS。

81510

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

jQuery优势与劣势 几年前web开发,浏览器兼容是一个非常重要问题,前端工程师为了自己程序在多个浏览器中正确运行,常常需要编写更多代码解决浏览器兼容问题,jQuery出现之后,它为前端工程师们解决了大量...jQuery流行还有一个原因就是因为简单、易上手。很多人在不熟悉JavaScript情况下,仍然可以使用jQuery完成各种页面效果。...随着时间推移,浏览器兼容问题越来越少,css3也解决了大量页面动画效果,jQuery优势渐渐没有那么突出了,但是仍然是当前被使用了最多JavaScript库,是前端工程师必须掌握技能。...设置元素属性 我们还可以通过jQueryattr方法设置元素属性,下面的例子我们使用attr方法将img标签src属性指定成一张图片路径。...5 $(".pic").attr("src","images/0.jpg"); 6 7 在上面的代码中,html标签img并没有设置src属性

83220

Angular Elements 组件在非angular 页面中使用DEMO

借助Chrome浏览器ShadowDom  API,实现一种自定义组件。 这种组件可以用Angular普通组件开发技术进行编写,学习成本低,当构建好后生成一个打包js文件。...2016年chrome53时,谷歌又推出了Shadow Dom v1API。v1版本似乎将成正式标准,就连Edge都是都示正在考虑。无论v0,v1版本,现在都是草案状态,距离正式标准还很远。...Dom ,只是一种模拟手段,通过引入_ng_content-c0属性空间隔离css 样式。...那么就是说一个angular elements技术打包好组件可以: build once ,run any framework!  这个黑科技还是人惊喜。        ...Angular Elements开发技术和Angular普通组件是一致,像Input属性,Output事件,  依赖注入支持, 内容投影支持(这个好像要用 做)  ,总之并没有因为

2.6K20

JavaScript图表数据可视化:比较D3和Kendo UI

D3和Kendo UI只是在web应用程序中创建图表两种方式,选项范围从简单地在屏幕上绘制图形到使用复杂图表组件。D3和Kendo UI都很受欢迎,两者都能完成工作。...我们告诉每个条宽度,我们告诉高度(获取数据值并缩放)。我们告诉应该将每个bar放在哪里,使用前面指定刻度指定X和Y值。最后,我它用“钢蓝色”给每一根条涂上颜色,因为我喜欢蓝色。...虽然没有画出带有标签X轴,因为我们没有给它,但它至少画出了坐标轴。它还使用了我指定“steelblue”,并添加了一些阴影使看起来更有趣。 最后,添加了网格线。...虽然没有画一个带有标签X轴,因为我们没有给它任何东西,D3和Kendo UI都被广泛使用,说一个比另一个好是不公平。它们处于不同抽象层次,服务于不同目的。...如果你需要完成一项工作并按时交付一个web应用程序,并且你需要在遇到问题或出现问题时得到支持,那么像Kendo UI这样商业库就是你最好选择。

11.7K30

beanutils.copyproperties原理_beanutils工具类

src=new Src(); src.setSubAttr("subAttr"); src.setAttr("attr"); Target target...那么 src 父类 ParentSrc 属性 attr 能否复制给 target 父类 ParentTarget 呢 ?答案是可以。...看下图: 由上文和上图中151行我们可以推断出:BeanUtils.copyProperties 就是使用 PropertyDescriptor 这个属性完成2个实体类之间属性复制。...首先判断方法参数个数为0(也就是没有方法参数),然后判断方法名称是以get开头,就会构造一个 PropertyDescriptor 类,我们来看一下他属性: 上图中可以看到主要构造了5个属性,...到这里我们准备工作基本完成,我们最后回到 BeanUtils.copyProperties 方法中: 可以看到,这里首先 targetPds 这个变量接受返回pds数组,然后对targetPds数组进行遍历

38420

AngularDart4.0 指南- 模板语法一 顶

一些合法HTML在模板中没有多大意义。 ,和元素没有用处。 剩下一切都是一致。 您可以使用组件和指令出现新元素和属性扩展模板HTML词汇表。...幂等性 幂等表达式是理想,因为没有副作用,并且改善了Angular变化检测性能。 对Angular来说,一个幂等表达式总是返回完全相同东西,直到一个依赖值发生变化。...您只需声明绑定源和目标HTML元素之间绑定,然后框架完成工作。 Angular提供了多种数据绑定。 本指南涵盖了大部分Angular数据绑定及其语法高级使用。...您不能绑定到目标元素属性读取。 你只能设置。 同样,您不能在目标元素上使用属性绑定调用方法。 如果元素引发事件,则可以使用事件绑定监听它们。...以前缀attr开头,后跟一个点(.)和属性名称代替括号之间元素属性。然后使用解析为字符串表达式设置属性值。

5.1K10

在WSL上编译并运行全志XR806完全体demo

得益于OpenHarmony加持,在上面搭建复杂应用是个相对轻松工作。不信?下面我们就来跑一跑XR806自带demo。...准备工作 以下主要介绍是在WSL 1(Ubuntu 20.04)下编译XR806所需准备工作,如果是在Linux系统下直接安装,建议参考官方文档。 代码下载 首先我们需要准备好repo。...编译完成后,我们在device/xradio/xr806/xr_skylark/out文件夹下得到了名为xr_system.img文件。之后参考固件烧录 - XR806即可。...p=2 d=50 f=5 这些命令使用方法推荐直接看源代码,因为有不少命令并没有给出完整帮助文档,感觉这个可以在后续优化一下。...不过事情发展一般都没有这么顺利,我们等下会遇到两个问题(剧透了哈)。

10910

JavaScript d3使用指南

/d3.js" (这个script可以单独成行) 官网:https://d3js.org/ 2. d3基本思想 d3是基于选择数据和绑定数据进行工作。...body') .selectAll("p"); p.text("伊雷娜和沙耶贴贴~~~") 解释一下代码: 我们声明了一个对象 p 并通过 d3.select这个方法选择了...制作简单图表 首先我们需要明确一下制作图标的思路: 生成svg画布 使用d3中rect元素对svg进行赋值,即各类参数 在完成赋值之前,需要我们自己去设计数据,d3进行数据转化,从而赋值给svg。...]; 生成svg画布,并生成操作对象 var svg = d3.select("svg");//得到svg画布 var g = svg.append("g")//生成一个对象装这个svg .attr(...function (d, i){ //由于高度是从上往下延伸,所以柱子y轴开始地方应该是顶端 return height - d; }) .attr("width", rectWidth *

1.7K40

所有前端都必须知道 jQuery 技巧

前端是一个很繁杂工作,在工作中会考虑到很多细节,也许有时候一个细节没有处理好,就会造成很大麻烦。但是一些小技巧就能够避免。作为一个新手,即使掌握一个小技巧都能够节省很多时间。...'); } });  即使没有任何断掉链接,加上这一段代码也不会你有任何损失 3....禁用输入字段       有时候,你可能想要禁用表格提交按钮或某一项文字输入直到用户执行了特定操作(例如,勾选 “我已阅读相关条款” 复选框)。...i < arguments.length; i++) { $('').attr('src', arguments[i]); } }; $.preloadImages(...如果没有定义处理程序,其他 jQuery 代码或会就此罢工。

2K70

所有前端都必须知道 jQuery 技巧

前端是一个很繁杂工作,在工作中会考虑到很多细节,也许有时候一个细节没有处理好,就会造成很大麻烦。但是一些小技巧就能够避免。作为一个新手,即使掌握一个小技巧都能够节省很多时间。...'); } });  即使没有任何断掉链接,加上这一段代码也不会你有任何损失 3....禁用输入字段       有时候,你可能想要禁用表格提交按钮或某一项文字输入直到用户执行了特定操作(例如,勾选 “我已阅读相关条款” 复选框)。...arguments.length; i++) { $('').attr('src', arguments[i]); } }; $.preloadImages('img...如果没有定义处理程序,其他 jQuery 代码或会就此罢工。

2K100

所有前端都必须知道 jQuery 技巧

前端是一个很繁杂工作,在工作中会考虑到很多细节,也许有时候一个细节没有处理好,就会造成很大麻烦。但是一些小技巧就能够避免。作为一个新手,即使掌握一个小技巧都能够节省很多时间。...'); } });  即使没有任何断掉链接,加上这一段代码也不会你有任何损失 3....禁用输入字段       有时候,你可能想要禁用表格提交按钮或某一项文字输入直到用户执行了特定操作(例如,勾选 “我已阅读相关条款” 复选框)。...< arguments.length; i++) { $('').attr('src', arguments[i]); } }; $.preloadImages('img...如果没有定义处理程序,其他 jQuery 代码或会就此罢工。

1.7K20

使用JavaScript和D3.js实现数据可视化

这是我们存储所有图形地方。在D3中,我们用d3.select浏览器搜索元素。 我们可以使用d3.select("body").append("svg");执行此操作。...回到我们JavaScript文件中,我们可以将属性链接到SVG,使其成为网页完整高度和宽度。我们将.attr()用于属性。为了更具可读性。确保将分号向下移动到变量声明末尾。...第四步 - 使用D3设置样式 我们将使用我们CSS文件设计我们D3形状,但首先,为了使这项工作更容易,我们将在JavaScript文件中为我们矩形提供一个类名,我们可以在CSS文件中引用它。...我们还想更具可读性,所以让我们添加一个我们可以从style.css文件中访问类。...例如,您可能还想更改style.css文件中font-size属性。 完成代码和代码改进 此时,您应该拥有一个在JavaScriptD3库中呈现功能完备条形图。

21.7K30

用不了多久 Web Component,就能取代你前端框架吗?

这个组件在你浏览器开发工具中显示为一个单独个HTML标签,并且样式和行为都是完全在组件内进行,不需要工作区,框架和一些前置转换。 让我们来看一些Web Components一些主要功能。...元素工作方与此完全相同,你可以在开发这工具中查看(查看设置在上方) 接受用户提供option元素,并将它们呈现到下拉菜单中。...当一个web component需要根据不同情况渲染不同标记时,可以用不同模板完成: class MyElement extends HTMLElement { ......使用这个polyfill,你可以使用自定义元素不需要向源码中添加任何东西。但是没有真正提供局部CSS。...,然后解析所有的::host和::slotted规则,以它们也能正确工作

2.1K40

移动端minimvvm框架qvm实现

参考了angular和vuejs设计实现思路,并进行简化封装,目前使用zepto基本依赖库,使用最少代码实现了基础功能版。 2,为什么要做 PC浏览器时代,实现mvvm有着麻烦兼容性问题。...而在移动浏览器时代,浏览器原生支持可以让我们用最少代码实现一个mvvm框架库,最大程度减少移动端业务代码开发工作。...预计对于中大型移动前端应用项目,使用mvvm能减少至少30%业务量,项目更容易维护。...,vm通过修改改变 key: text, //指令名称 directive: [directive], //指令集 setter...这里注意一下使用attr- 和data-指令使用attr_src和data_src读取访问器,后面需要统一接口。

1.3K100

【Web技术】264- Web Component可以取代你前端框架吗?

这个组件在你浏览器开发工具中显示为一个单独个HTML标签,并且样式和行为都是完全在组件内进行,不需要工作区,框架和一些前置转换。 让我们来看一些Web Components一些主要功能。...元素工作方与此完全相同,你可以在开发这工具中查看(查看设置在上方) Alt text 接受用户提供option元素,并将它们呈现到下拉菜单中。...当一个web component需要根据不同情况渲染不同标记时,可以用不同模板完成: class MyElement extends HTMLElement { ......使用这个polyfill,你可以使用自定义元素不需要向源码中添加任何东西。但是没有真正提供局部CSS。...,然后解析所有的::host和::slotted规则,以它们也能正确工作

2.5K30

每个程序员都会 35 个 jQuery 小技巧

('image load successful'); }); 你可以把 img 替换为其他 ID 或者 class 检查指定图片是否加载完成。...自动修改破损图像 如果你碰巧在你网站上发现了破碎图像链接,你可以用一个不易被替换图像代替它们。...添加这个简单代码可以节省很多麻烦: $('img').on('error', function () { $(this).prop('src', 'img/broken.png'); }); 即使你网站没有破碎图像链接...,添加这段代码也没有任何害处。...并把要移除属性作为参数传入: $('input[type="submit"]').removeAttr('disabled'); 阻止链接加载 有时你不希望链接到某个页面或者重新加载,你可能希望做一些其他事情或者触发一些其他脚本

4.4K10
领券