首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >为什么jQuery('<img class=“拉左”/>‘,{ src:’. })创建一个没有src的图像?

为什么jQuery('<img class=“拉左”/>‘,{ src:’. })创建一个没有src的图像?
EN

Stack Overflow用户
提问于 2016-11-02 09:00:37
回答 2查看 113关注 0票数 0

问题是,我试图使用以下代码创建图像:

代码语言:javascript
运行
AI代码解释
复制
var $img = jQuery('<img class="pull-left"/>', {
    src: 'images/video.svg'
})

令人惊讶的是,它只使用类创建了一个img元素,但没有src属性。如果我用这个:

代码语言:javascript
运行
AI代码解释
复制
$img.attr('src','images/video.svg');

然后,图像获取它的src属性。为什么会这样呢?下面是一个简单的片段,说明了这个问题:

代码语言:javascript
运行
AI代码解释
复制
$img = jQuery('<img class="pull-left"/>',{
    src: 'images/video.svg'
});
alert($img.attr('src'));

$img.attr('src','images/video.svg');
alert($img.attr('src'));
代码语言:javascript
运行
AI代码解释
复制
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2016-11-02 09:06:22

jQuery( html, attributes )的官方文档说,第一个参数应该是)

因此,要么删除类并将其添加到参数对象中,要么使用attr

代码语言:javascript
运行
AI代码解释
复制
var $img = jQuery('<img/>', {
    src: 'images/video.svg',
    class: 'pull-left'
});

-或者

代码语言:javascript
运行
AI代码解释
复制
var $img = jQuery('<img class="pull-left"/>');
$img.attr('src', 'images/video.svg');

第二种方法适用于在代码的不同部分中创建和修改元素的情况。

票数 2
EN

Stack Overflow用户

发布于 2016-11-02 09:04:34

它不起作用,因为您需要给选择器一个空元素,然后在第二个参数中提供的对象中添加所有属性,如下所示:

代码语言:javascript
运行
AI代码解释
复制
$img = jQuery('<img />',{
    src: 'images/video.svg',
    class: 'pull-left'
});

console.log($img.attr('src'));
console.log($img.attr('class'));
代码语言:javascript
运行
AI代码解释
复制
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/40385610

复制
相关文章
js和jQuery获取img标签的src属性获取不到的解决方法
很多朋友可能遇到过,用 jQuery 获取 img 标签的 src 属性却获取不到的问题:
德顺
2019/11/12
19K0
dom啦11 图片展示 核心:在于点击li>img里面的哪一个就把this.src赋值给div>img的src
<!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> *{padding: 0px;margin: 0px;} div { width: 670px; border: 1px solid red; margin: 100px auto; } ul { list-style: none; display: flex; justify-content: space
贵哥的编程之路
2020/10/28
2.7K0
Eclipse创建SRC目录下面创建包出现在SRC目录同级[通俗易懂]
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/105825.html原文链接:https://javaforall.cn
全栈程序员站长
2022/08/09
1.2K0
Eclipse创建SRC目录下面创建包出现在SRC目录同级[通俗易懂]
利用 img 的 src 属性发起 get 请求踩坑记录
工作中,碰到一个需求,需要使用img标签的src属性发送一个get请求。原先的设想是,当请求发送成功之后,会触发img的onload回调,请求失败,则触发img的onerror回调。奈何理想很丰满,现实很骨感...
玖柒的小窝
2021/10/24
4.5K0
img标签的src=""会引起的Page_Load多次执行
今天看见园子里有人因img的src为空导致session丢失,详情见http://www.cnblogs.com/kyneblog/archive/2009/06/11/1500999.html 以前一直没注意这个,所以晚上特地写了一段代码验证: Default.aspx后台代码: using System; using System.Web; using System.IO; namespace src { public partial class _Default : System.Web.UI.P
菩提树下的杨过
2018/01/23
1.4K0
vue v-for循环解决img标签的src动态绑定问题
总结:主要是图片位置的问题,图片存放在什么位置,能够让img通过src动态的绑定对应的值
py3study
2021/04/09
6.4K0
pcAnywhere SRC[古董]
卷 Data 的文件夹 PATH 列表 卷序列号为 CCFC-6FBE H:. ├─AccessServer │ ├─r1.0 │ │ ├─CD Components │ │ │ ├─ACROBAT │ │ │ └─DOC │ │ │ ├─Getting started card │ │ │ └─User Guide │ │ ├─CM │ │ │ ├─Build Docs │ │ │ ├─BuildScripts │ │ │ ├─Install Shield for Windows Installer │ │ │ │ └─Modules │ │ │ │ └─i386 │ │ │ └─Misc │ │ ├─Design │ │ │ ├─1.0 │ │ │ └─1.5 │ │ ├─Help │ │ ├─QA │ │ │ ├─Engineering │ │ │ ├─Source │ │ │ └─Testscripts │ │ └─Source │ │ ├─Config │ │ │ ├─AuditConfig │ │ │ │ └─res │ │ │ ├─awcfgmgr │ │ │ ├─awio │ │ │ ├─awofrwrk │ │ │ ├─awplay32 │ │ │ ├─awshim │ │ │ │ └─res │ │ │ ├─dbclient │ │ │ ├─DBENGINE │ │ │ ├─dbinclude │ │ │ ├─DBLAYER │ │ │ ├─DefaultConfig │ │ │ ├─hostadmn │ │ │ ├─pcamgt │ │ │ │ └─pcamgtshim │ │ │ ├─propglue │ │ │ ├─propsheetglue │ │ │ │ └─res │ │ │ ├─TokenM │ │ │ └─winawsvr │ │ │ └─res │ │ ├─Debug │ │ ├─Family │ │ │ ├─ehandres │ │ │ └─Unhandled Exceptions │ │ ├─Include │ │ ├─Install │ │ │ ├─ASCustom │ │ │ └─CD install – Access Server │ │ │ └─Binaries │ │ │ ├─Full │ │ │ │ └─Bin │ │ │ └─Trialware │ │ │ └─Bin │ │ ├─ISWORK │ │ │ └─Panel Bitmaps │ │ │ └─Access Server │ │ ├─LiveUpdate │ │ │ ├─ini files │ │ │ ├─pcalu │ │ │ ├─RunPcaLu │ │ │ ├─Triage │ │ │ └─Winzip Self Extractor │ │ ├─MiniQuake │ │ ├─Nobuilds │ │ │ ├─DDK │ │ │ │ ├─64-Bit │ │ │ │ └─Debug │ │ │ ├─Help │ │ │ ├─Japan │ │ │ ├─LUMessage │ │ │ ├─Merge Modules │ │ │ ├─OEM │ │ │ ├─SampleTemplateFiles │ │ │ ├─ServiceDesk │ │ │ ├─ThinHost │ │ │ └─x64 │ │ │ ├─amd64_Microsoft.VC80.CRT_1fc8b3b9a1e18e3b_8.0.50215.4652_x-ww_e9b892b4 │ │ │ └─Manifests │ │ ├─Servers │ │ │ └─Include │ │ ├─Shared │ │ │ ├─Communication │ │ │ │ ├─awcm32 │ │ │ │ ├─awcmthk │ │ │ │ ├─awds32 │ │ │ │ ├─awses32 │ │ │ │ ├─connproc │ │ │ │ ├─DataStream │ │ │ │ │ ├─DevCapi │ │ │ │ │ ├─DevEcc │ │ │ │ │ ├─DevPCA │ │ │ │ │ ├─DevSer │ │ │ │ │ ├─DevSocket │ │ │ │ │ ├─DevSPX │ │ │ │ │ ├─DevTapi │ │ │ │ │ ├─DevTCP │ │ │ │ │ ├─DsMgr │ │ │ │ │ ├─DStcp │ │ │ │ │ └─Include │ │ │ │ ├─Include │ │ │
obaby
2023/02/23
1.3K0
pcAnywhere SRC[古董]
如何挖src
User List(用户列表) :username、password、mobile、mail、角色
tea9
2023/03/07
1.8K0
KASPERSKY 2008 SRC[古董]
https://cloud.189.cn/t/iYVBruFnAbYj(访问码:lqt6)
obaby
2023/02/23
1.3K0
KASPERSKY 2008 SRC[古董]
SRC漏洞挖掘经验分享
网站存在一个有意思的功能点,通过上传Excel会将内容显示在页面上,也就是说后端会解析Excel
红队蓝军
2023/09/13
1.1K0
SRC漏洞挖掘经验分享
SRC逻辑漏洞挖掘浅谈
巧用搜索引擎首推谷歌查看了解SRC旗下涉及到的业务,收集其对应的业务下的域名,再进一步进行挖掘,如:
HACK学习
2019/08/05
3.7K0
Norton AntiVirus 2006 SRC[古董]
├─atomic │ ├─corp │ │ └─SOURCE │ │ ├─ABOUTSW │ │ │ ├─LIB.ADA │ │ │ ├─LIB.ARA │ │ │ ├─LIB.IDA │ │ │ ├─LIB.IRA │ │ │ └─SRC │ │ ├─ADMTOOLSDLL │ │ │ ├─lib.IDA │ │ │ ├─lib.IRA │ │ │ └─src │ │ ├─ALERTQ │ │ │ ├─LIB.ADU │ │ │ ├─LIB.ARU │ │ │ ├─LIB.IDU │ │ │ ├─LIB.IRU │ │ │ └─SRC │ │ ├─ALERTSVC │ │ │ ├─LIB.ADU │ │ │ ├─LIB.ARU │ │ │ ├─LIB.IDU │ │ │ ├─LIB.IRU │ │ │ └─SRC │ │ ├─ALERTUI │ │ │ ├─LIB.ADA │ │ │ ├─LIB.ARA │ │ │ ├─LIB.IDA │ │ │ ├─LIB.IRA │ │ │ └─SRC │ │ ├─APCOMM │ │ │ ├─LIB.ADA │ │ │ ├─lib.ADUK │ │ │ ├─LIB.ARA │ │ │ ├─lib.ARUK │ │ │ ├─LIB.IDA │ │ │ ├─lib.IDAV │ │ │ ├─lib.IDUK │ │ │ ├─LIB.IRA │ │ │ ├─lib.IRAV │ │ │ ├─lib.IRUK │ │ │ └─SRC │ │ ├─APEVENT │ │ │ ├─lib.ADUK │ │ │ ├─lib.ARUK │ │ │ ├─lib.IDAV │ │ │ ├─lib.IDUK │ │ │ ├─lib.IRAV │ │ │ ├─lib.IRUK │ │ │ └─SRC │ │ ├─APKERNEL │ │ │ ├─lib.ADUK │ │ │ ├─lib.ARUK │ │ │ ├─lib.IDAV │ │ │ ├─lib.IDUK │ │ │ ├─lib.IRAV │ │ │ ├─lib.IRUK │ │ │ └─SRC │ │ ├─APUI │ │ │ ├─lib.ADUK │ │ │ ├─lib.ARUK │ │ │ ├─lib.IDAV │ │ │ ├─lib.IDUK │ │ │ ├─lib.IRAV │ │ │ ├─lib.IRUK │ │ │ └─SRC │ │ ├─APWCMD │ │ │ ├─LIB.ADA │ │ │ │ └─WINNT │ │ │ ├─LIB.ARA │ │ │ │ └─WINNT │ │ │ ├─LIB.IDA │ │ │ │ ├─WIN95 │ │ │ │ └─WINNT │ │ │ ├─LIB.IRA │ │ │ │ ├─WIN95 │ │ │ │ └─WINNT │ │ │ └─SRC │ │ ├─APWUI │ │ │ ├─LIB.IDA │ │ │ │ ├─NAVW │ │ │ │ └─NAVWPRV │ │ │ ├─LIB.IRA │ │ │ │ ├─NAVW │ │ │ │ └─NAVWPRV │ │ │ └─SRC │ │ ├─APWUTIL │ │ │ ├─LIB.ADA │ │ │ ├─LIB.ARA │ │ │ ├─LIB.IDA │ │ │ ├─LIB.IRA │ │ │ └─SRC │ │ ├─ASFCACHE │ │ │ ├─lib.ADUK │ │ │ ├─lib.ARUK │ │ │ ├─lib.IDUK │ │ │ ├─lib.IRUK │ │ │ └─SRC │ │ ├─ATMIGAPP │ │ │ ├─LIB.IDA │ │ │ ├─LIB.IRA │ │ │ └─SRC │ │ ├─ATMIGRAT │ │ │ ├─LIB.IDA │ │ │ ├─LIB.IRA │ │ │ └─SRC │ │ ├─BIN.ADA │ │ │ ├─NAVW │ │ │ ├─NAVWNT │ │ │ ├─NAVWNTPR │ │ │ ├─NAVWPRV │ │ │ ├─SERVER │ │ │ ├─WINNT │ │ │ └─WORKSTAT │ │ ├─BIN.ADU │ │ │ └─NAVWNTPR │ │ ├─bin.ADUK │ │ ├─BIN.ARA │ │ │ ├─NAVW │ │ │ ├─NAVWNT │ │ │ ├─NAVWNTPR │ │ │ ├─NAVWPRV │ │ │ ├─SERVER │ │ │ ├─WINNT │ │ │ └─WORKSTAT
obaby
2023/02/23
1.9K0
Norton AntiVirus 2006 SRC[古董]
SRC混子的漏洞挖掘之道
还是那句老话,渗透测试的本质是信息收集,对于没有0day的弱鸡选手来说,挖SRC感觉更像是对企业的资产梳理,我们往往需要花很长的时间去做信息收集,收集与此公司相关的信息,包括企业的分公司,全资子公司,网站域名、手机app,微信小程序,企业专利品牌信息,企业邮箱,电话等等,对于很多万人挖的src来说,你收集到了别人没有收集过的资产,往往离挖到漏洞就不远了。
Power7089
2021/01/11
3.2K0
获取iframe src里的参数
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/159827.html原文链接:https://javaforall.cn
全栈程序员站长
2022/09/14
5.9K0
实战挖掘公益src(绕过waf)
对get,post,cookie传递过来的值过滤对一些sql语句关键字过滤or and && select if () union from等再加个云waf
网e渗透安全部
2020/10/10
2.7K0
实战挖掘公益src(绕过waf)
android于src和background差额
background会依据ImageView组件给定的长宽进行拉伸,而src就存放的是原图的大小。不会进行拉伸。src是图片内容(前景),bg是背景,能够同一时候使用。
全栈程序员站长
2022/07/06
1.1K0
小白如何挖到第一个src
src平台有 补天 漏洞盒子 edusrc等平台(本文拿edusrc平台举例) edusrc是一个专门收录国内教育漏洞的一个平台 通过提交漏洞换取rank rank可以用来换取各种各样的礼品 关于 edusrc平台的注册 有两种方法 第一种 提交高校的漏洞 审核通过即可获得账号 第二种 大佬给你邀请码
小梦 over
2023/02/01
1K0
url、href和src区别
url (Uniform Resource Locator)统一资源定位符 href (Hypertext Reference)超文本引用 src (Source)资源,引用资源替代当前元素,在img、script、iframe中使用。 统一资源定位符,表示从互联网上得到的资源的位置和访问方法,是互联网上标准资源的地址。互联网上每一个文件都有一个唯一的URL,它包含的信息指出文件的位置以及浏览器应该怎么处理它。 一、url介绍 1、绝对URL(absolute URL) 显示文件的完整路径,这意味着绝对UR
pitaojin
2018/05/24
6.9K0
SRC漏洞挖掘经验分享
网站存在一个有意思的功能点,通过上传Excel会将内容显示在页面上,也就是说后端会解析Excel
红队蓝军
2023/09/05
3690
SRC漏洞挖掘经验分享
点击加载更多

相似问题

如果<img src="">没有图像

52

jQuery附加img src

33

用DomDocument实现img class=的多个src“覆盖图像”

21

基于img src Jquery创建下载链接

11

使用php从img src拉取更改图像

10
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档