文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

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

很多朋友可能遇到过，用 jQuery 获取 img 标签的 src 属性却获取不到的问题： 使用如下的语句都会出错：...alert($('#test')); alert($('#test').src); 使用 $('#test').src 语句不会出错，但获取不到 img 的地址。...test'));  //[object Object] alert($('#test').src);  //undefined  最后，使用 $('#test')[0].src 才能够获取到 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属性获取不到的解决方法

20.9K60
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    了不起的 tsconfig.json 指南

    为什么使用 tsconfig.json 通常我们可以使用 tsc 命令来编译少量 TypeScript 文件： /* 参数介绍： --outFile // 编译后生成的文件名称 --target...指定需要编译的目录 在不指定输入文件的情况下执行 tsc 命令，默认从当前目录开始编译，编译所有 .ts 文件，并且从当前目录开始查找 tsconfig.json 文件，并逐级向上级目录搜索。...["node_modules/jquery/dist/jquery.min.js"] }, "rootDirs": ["src","out"], // 将多个目录放在一个虚拟目录下，用于运行时...包含 3 个子属性： enable : 布尔类型，是否开启自动引入库类型定义文件(.d.ts)，默认为 false； include : 数组类型，允许自动引入的库名，如：["jquery", "lodash...常见配置示例 本部分内容中，我们找了几个实际开发中比较常见的配置，当然，还有很多配置需要自己摸索哟~~ 1.

    6K10

    【TS】612- 了不起的 tsconfig.json 指南

    为什么使用 tsconfig.json 通常我们可以使用 tsc 命令来编译少量 TypeScript 文件： /* 参数介绍： --outFile // 编译后生成的文件名称 --target...指定需要编译的目录 在不指定输入文件的情况下执行 tsc 命令，默认从当前目录开始编译，编译所有 .ts 文件，并且从当前目录开始查找 tsconfig.json 文件，并逐级向上级目录搜索。...["node_modules/jquery/dist/jquery.min.js"] }, "rootDirs": ["src","out"], // 将多个目录放在一个虚拟目录下，用于运行时...包含 3 个子属性： enable : 布尔类型，是否开启自动引入库类型定义文件(.d.ts)，默认为 false； include : 数组类型，允许自动引入的库名，如：["jquery", "lodash...常见配置示例 本部分内容中，我们找了几个实际开发中比较常见的配置，当然，还有很多配置需要自己摸索哟~~ 1.

    2.4K30

    js给数组添加数据的方式js 向数组对象中添加属性和属性值

    参考：https://www.cnblogs.com/ayaa/p/14732349.html js给数组添加数据的方式有以下几种： 直接利用数组下标赋值来增加（数组的下标起始值是0） 例，先存在一个有...3个数据的数组： let arr=[1,2,3]; console.log(arr);　　此时输出的结果是[ 1, 2, 3 ] let arr=[1,2,3]; arr[3]=5; console.log...(arr);　　此时的输出结果是[ 1, 2, 3, 5 ]； 通过 数组名.push(参数) 来增加从数组最后一个数据开始增加，push可以带多个参，带几个参，数组最后就增加几个数据 let arr=...用 数组名.splice(开始插入的下标数,0,需要插入的参数1,需要插入的参数2,需要插入的参数3……)来增加数组数据 let arr=[1,2,3]; //splice（第一个必需参数：该参数是开始插入...(3,0,7,8,9) console.log(arr);　　此时的输出结果是[ 1, 2, 3, 7, 8, 9 ]； 因为举例是从第3个下标开始，所以是直接在数组的最后开始增加数组内容； js 向数组对象中添加属性和属性值

    30.9K20

    了不起的 tsconfig.json 指南

    通常 tsconfig.json 文件主要包含两部分内容：指定待编译文件和定义编译选项。...为什么使用 tsconfig.json 通常我们可以使用 tsc 命令来编译少量 TypeScript 文件： /* 参数介绍： --outFile // 编译后生成的文件名称 --target...指定需要编译的目录 在不指定输入文件的情况下执行 tsc 命令，默认从当前目录开始编译，编译所有 .ts 文件，并且从当前目录开始查找 tsconfig.json 文件，并逐级向上级目录搜索。...", "ES2019.Array"], // TS需要引用的库，即声明文件，es5 默认引用dom、es5、scripthost,如需要使用es的高级版本特性，通常都需要配置，如es8的数组新特性需要引入...["node_modules/jquery/dist/jquery.min.js"] }, "rootDirs": ["src","out"], // 将多个目录放在一个虚拟目录下，用于运行时

    3.2K42

    前端开发面试题总结之——JAVASCRIPT.One

    、模块化、Http、Canvas、jQuery、ECMAScript 2015（ES6）、Node.js、AngularJS、Vue、React… 题目&答案 介绍一下 JS 的基本数据类型。...ES6的class可以看作只是一个语法糖，它的绝大部分功能，ES5都可以做到，新的class写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已。...document.write 只能重绘整个页面innerHTML 可以重绘页面的一部分 DOM 操作——怎样添加、移除、移动、复制、创建和查找节点？...3)查找 getElementsByTagName() //通过标签名称 getElementsByName() //通过元素的Name属性的值(IE容错能力较强，会得到一个数组，其中包括id等于name...jQuery是一个js库，主要提供的功能是选择器，属性修改和事件绑定等等。 jQuery UI则是在jQuery的基础上，利用jQuery的扩展性，设计的插件。

    1.4K10

    前端之变（二）- 不变的前端

    主流还是ES5。 而在『后』前端阶段，你在编码阶段，可以用最新的ES标准，但产物仍然主流是以ES5为主。 为什么？...没有然后了（直至现时只有极少数的功能被部分网页浏览器支持) JQuery-有价值的改变 在『前』前端阶段，最有价值的改变当属JQuery了。...它第一次在JavaScript的基础之上，把整个HTML当成一个DOM树来对待，提供了快捷的查找，修改，新增DOM元素的JS能力，再结合Ajax的能力（JavaScript也有操作元素的能力，但功能太原始...，远不能与JQuery相比) 从而： 让前端初步具备了自己动态渲染数据的能力 也就是你可以使用Ajax来从后端查询数据，再通过JQuery动态操作元素来渲染页面。...这也是前些年，JQuery是最流行的JS框架的原因所在。 变革与突破 如果没有变革性的因素出现，我们很可能仍然处在『前』前端阶段，可以说它是一个非常糟糕的阶段。

    84410

    tsconfig.json配置项备忘

    如果 target 为 ES5，默认包含的库有DOM、ES5和ScriptHost；如果 target 是 ES6，默认引入的库有DOM、ES6、DOM.Iterable和ScriptHost。...rootDir 用来指定编译文件的根目录，编译器会在根目录查找入口文件，如果编译器发现 1 以 rootDir 的值作为根目录查找入口文件并不会把所有文件加载进去的话会报错，但是不会停止编译。...baseUrl baseUrl 用于设置解析非相对模块名称的基本目录，这个我们在讲《模块和命名空间》的“模块解析配置项”一节时已经讲过了，相对模块不会受 baseUrl 的影响。...", // 如果使用paths，必须设置baseUrl "paths": { "jquery": ["node_modules/jquery/dist/jquery"] // 此处映射是相对于...关于元数据，也是 ES6 的新标准，可以通过 Reflect 提供的静态方法获取元数据，如果需要使用 Reflect 的一些方法，需要引入 ES2015.Reflect 这个库。

    1.1K10

    Web 前端开发代码规范

    var object = { foo: 'bar', foo: 'baz' }; 4、对只读属性修改/删除时会抛出异常。 ES5中可为对象特定属性设为只读或让整个对象不可修改。...：len 四、 jQuery性能优化 ——总是从ID选择器开始继承 jQuery中最快的筛选器是ID筛选器，这是因为它直接和JS原生方法getElementById()对应。...写成$(‘div#id’)会降低性能，因为JS会遍历所有 的div元素来查找id为’id’的哪一个节点: #id1也不需要由#id2来修饰。写成$(‘#id2 #id1’) 是画蛇添足，降低性能。...——缓存JQuery对象 要养成将jquery对象缓存进变量的习惯，避免进行多次查找，另外为了区分普通的JS对象和jQuery对象，建议在变量首字母前加上$符号。...——自定义数据属性 dom结构上添加自定义属性： // 取数据： $('#wrap').data('foo'); // 存数据

    3.6K10

    前端学习笔记

    ）在ECMAScript 中 引用类型是一种【数据结构】，用于将【数据和功能】组织到一起 对象的属性 ： 对象中存储的数据 对象的方法 ： 对象中存储的函数 // 创建对象 var obj = new...【注】 Dom 是打通 html css js壁垒的一个工具 DOM 树 DOM 节点分类 元素节点 : 属性节点 ： title = '属性节点'...nodeName nodeType nodeValue 元素 元素名称 1 null 属性 属性名称 2 属性值 文本 #text 3 文本内容 (不包括html) 元素节点属性 childNodes...鼠标点击事件 键盘事件 HTML 事件 事件处理函数 都会有 两个部分组成，on + 事件名称 事件对象 通过事件绑定的的执行函数可以得到一个隐藏的参数， 由浏览器自动分配的一个参数，这个参数就是Event...* JS 库 $ jQuery jquery 入门 AMD(异步模块) CommonJS(同步模块) gulp gulp 用法 创建gulp 人物 第一个参数为任务名 第二个参数为 所依赖的其他任务

    1.6K10

    【TypeScript】超详细的笔记式教程【上】

    不带任何输入文件的情况下调用tsc，编译器会从当前目录开始去查找tsconfig.json文件，逐级向上搜索父目录。.../buildFile", // 增量编译文件的存储位置 "diagnostics": true, // 打印诊断信息 "target": "ES5", // 目标语言的版本 "module...", "ES2019.Array"], // TS需要引用的库，即声明文件，es5 默认引用dom、es5、scripthost,如需要使用es的高级版本特性，通常都需要配置，如es8的数组新特性需要引入.../jquery/dist/jquery.min.js"] }, "rootDirs": ["src","out"], // 将多个目录放在一个虚拟目录下，用于运行时，即编译后引入文件的位置可能发生变化...(包括引用的声明文件) } 基础 数据类型 布尔值 let isOk: boolean = true 数值 let age: number = 18 let notANumber: number =

    1.5K30

    Web前端开发代码规范（基础）

    var object = {     foo: 'bar',     foo: 'baz' }; 4、对只读属性修改/删除时会抛出异常。 ES5中可为对象特定属性设为只读或让整个对象不可修改。...，长度：len 四、 jQuery性能优化 ——总是从ID选择器开始继承 jQuery中最快的筛选器是ID筛选器，这是因为它直接和JS原生方法getElementById()对应。...写成$('div#id')会降低性能，因为JS会遍历所有的div元素来查找id为'id'的哪一个节点: 3、#id1也不需要由#id2来修饰。写成$('#id2 #id1') 是画蛇添足，降低性能。...——缓存JQuery对象 要养成将jquery对象缓存进变量的习惯，避免进行多次查找，另外为了区分普通的JS对象和jQuery对象，建议在变量首字母前加上$符号。...——自定义数据属性 dom结构上添加自定义属性： // 取数据： $('#wrap').data('foo'); // 存数据

    3.1K21

    GOGO-前端开发规范

    var object = { foo: 'bar', foo: 'baz'};复制4、对只读属性修改/删除时会抛出异常。ES5中可为对象特定属性设为只读或让整个对象不可修改。...jQuery中最快的筛选器是ID筛选器，这是因为它直接和JS原生方法getElementById()对应。...写成$('div#id')会降低性能，因为JS会遍历所有的div元素来查找id为'id'的哪一个节点:3、#id1也不需要由#id2来修饰。写成$('#id2 #id1') 是画蛇添足，降低性能。...——缓存JQuery对象要养成将jquery对象缓存进变量的习惯，避免进行多次查找，另外为了区分普通的JS对象和jQuery对象，建议在变量首字母前加上$符号。...——自定义数据属性dom结构上添加自定义属性：// 取数据：$('#wrap').data('foo');// 存数据：$('#wrap

    61320

    你不得不知的ES6的变量声明!

    var ---- ES5中最原始的变量声明，用于声明变量，其实JavaScript是弱类型语言，对数据类型变量要求不太严格，所以不必声明每一个变量的类型（这就是下面说的隐式声明，当然这并不是一个好习惯）.../jquery.js' $对象就是jquery中export暴露的对象。 import命令接受一个对象（用大括号表示），里面指定要从其他模块导入的变量名。...注意：大括号里面的变量名，必须与被导入模块对外接口的名称相同。 如果想为输入的变量重新取一个名字，import命令要使用as关键字，将输入的变量重命名。.../jquery.js'; 注意，import命令具有提升效果，会提升到整个模块的头部，首先执行。...ES5之中，全局对象的属性与全局变量是等价的，隐式声明或者在全局环境下声明的变量是挂在全局对象上的。

    59910

    JavaScript高级(4)

    ,通过验证,构造函数能实现的在类里也能实现 类本质就是函数 类的所有方法都定义在类的prototype属性上 类创建的实例,里面也有__proto__指向类的prototype原型对象 所以ES6的类它的绝大部分功能...,方便,那么这个方法就是语法糖 ES5新增方法 ES5中给我们新增了一些方法,可以很方便的操作数组或者字符串,这些方法主要包括: 数组方法 字符串方法 对象方法 数组方法 遍历(迭代)方法...,返回的是一个数组,而且是把所有满足条件的元素返回回来 2.some也是查找满足条件的元素是否存在, 返回的是一个布尔值, 如果查找到第一个满足条件的元素就终止循环 接下来做一个案例: 写好结构以后...,因为数据不是死的,而是我们动态生成的,所以这些手机的数据都是用JS写的,以对象的形式存储.放在数组中 下一步就是筛选我们要的数据: 我们筛选一个0~2000元的打印出来看看:...接下来是将我们筛选出来的数据重新渲染到页面上: 看看查询价格的效果: 当然bug还是很多的,暂且不管,接下来就是最后的环节,根据名称搜索商品.

    32220

    前端框架选型

    最高票回答是你应该使用jQuery插件，jQuery插件可以做任何事情。 历史总是在重演，以前是jQuery，现在可能是react或vue。不同的框架有不同的应用场景，杀鸡不要用牛刀。...UserAgent 侦测 4、提供节点属性、样式、类名的操作 5、保证目标平台的跨浏览器支持 【常用方案】 常用的DOM解决方案有 jQuery、zepto.JS、MOOTOO.JS等 jQuery是曾经风靡一时的最流行的前端解决方案...，提供了简单的手势，部分API的实现方式不同 mootools源码清晰易懂，严格遵循Command-Query(命令-查询)的接口规范，没有诸如jQuery的两义性接口。...好处在于，实际上就是在使用javascript的语法，但不用去考虑低版本浏览器的兼容性问题 es5-shim 提供 ES3 环境下的 ES5 支持 es6-shim 提供 ES5 环境下的 ES6支持...原理如下：将输入的字符串模板通过innerHTML转换为一个无状态DOM树，然后遍历该节点树，去抓取关键属性或语句，来进行相关的绑定，进而变成了有状态的DOM树，最终导致DOM树会与数据模型model进行绑定

    2K60
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券