首页
学习
活动
专区
工具
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.5K30

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

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

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

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

    87810

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

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

    85320

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

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

    2.7K20

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

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

    11.9K30

    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数组进行遍历

    48420

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

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

    5.2K10

    在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 这些命令的使用方法推荐直接看源代码,因为有不少命令并没有给出完整的帮助文档,感觉这个可以在后续优化一下。...不过事情的发展一般都没有这么顺利,我们等下会遇到两个问题(剧透了哈)。

    15810

    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.8K40

    所有前端都必须知道的 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

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

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

    2.3K40

    使用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属性。 完成的代码和代码改进 此时,您应该拥有一个在JavaScript的D3库中呈现的功能完备的条形图。

    21.9K30

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

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

    2.6K30

    移动端minimvvm框架qvm实现

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

    1.4K100

    手把手带你上手D3.js数据可视化系列(二)手把手带你上手D3.js数据可视化系列(二)

    相关阅读:迄今复现过最复杂的可视化作品之「大西洋古抄本」(上) - 牛衣古柳 2021.06.17、迄今复现过最复杂的可视化作品之「大西洋古抄本」(下) - 牛衣古柳 2021.06.22 不过古柳也没有吃透背后的原理...,只能尽量写下自己的理解,而且一来大家不一定会用到这个自动布局的方法,二来真要用到直接 copy 拿走也不是不可以,所以如果这部分最终也没搞懂其实问题不大,对后续没啥影响,放心。... src="....,也是子组件里进行的,虽然不确定为什么这里乘以0.005,和前面的又不一致了,但没出啥bug就先随它去吧。...诚然在古柳自己也没完全理解的情况下,就这么写出来似乎并不好,但还是那句话,本系列都是按照古柳自己想写的逻辑来写的,接着上篇文章的顺序,就觉得一切并不突兀、比较顺理成章,那就写写吧,等下一篇会回到基础的

    3.1K10
    领券