jquery img src赋值

不用Jquery时：document.getElementById("imageId").src = "xxxx.jpg";

用Jquery时：$("#imageId").attr("src","xxxx.jpg");

用作背景图片的时候如下：

说明：要给父容器一个宽度和高度，两个属性需要同时设置，这样方便控制和自动缩放

$('#imageId').css("background-image",`url(${obj.logo})`);

$('#imageId').css("background-size",'100%');

需要拨打电话的地方：<a href="tel:10086">10086</a>

发短信：<a href="sms:10086">发短信</a>

$("#myId").attr("href","www.xxx.com");

if(data.detail_type ==){ //图片

                   // $("#myVideo").remove();

                    //$("#myImg").attr("src",data.detail);

                    $("#addData").html(`<img alt="" class="lazy" src="${data.detail}">`);

                }else { //视频

                   // $("#myImg").remove();

                    //$("#myVideo").attr("src",data.detail);

                    $("#addData").html(`<video width="" height="" controls  autoPlay preload"><source src=${data.detail}/></video>`);

                }

jquery img src赋值的更多相关文章

js和jquery给iframe src赋值的3种方法
js和jquery给iframe src赋值的3种方法网页使用iframe嵌入网页时,有时候需要动态处理src的值,而不是写死的,所以我们需要知道如何给iframe src赋值,通常是使用js或 ...
JQuery 为radio赋值问题
今天用jquery 为radio赋值,从百度查了一下方法: $("input[name='radioName'][value=2]").attr("checked&quo ...
Vue.js 动态为img的src赋值
在vue中动态给src赋值绑定图片会显示不出来动态添加src被当做静态资源处理了,没有进行编译解决方法: 1.用网络地址把图片放在cdn或自己的服务器上,把网络地址存在imgUrl里,然后直接& ...
label用js，jquery取值赋值，以及怎么在后台取值
label标签在JS和Jquery中使用不能像其他标签一样用value获取它的值: 可以这样: JS: var label=document.getElementByIdx_x("id&qu ...
关于有时候JQuery使用.val()赋值失败问题
jQuery中有3个获取元素value值的函数比较相似:attr(), prop(), val(): 具体作用网上比较多就不展示对比过程了,结果就是:prop()和val()都能获取到文本框的实际va ...
js给<img>的src赋值
用js原生方法:document.getElementById("imageId").src = "xxxx.jpg";用Jquery方法:$("#i ...
引入jQuery的src设置
1.引用在线jQuery 谷歌.微软.百度都有提供在线的jQuery引用.比如 <script src="http://code.jquery.com/jquery-latest.js ...
jquery取值赋值
("#A").val("1") id为A的值就是1了 jQuery中都这样,赋值的时候作为参数传给函数,和单纯的js有区别,像 $("#A" ...
js给<img>的src赋值问题
原生JS:document.getElementById("imageId").src = "xxxx.jpg";jquery:$("#imageId ...

随机推荐

mage Ansible学习2 Playbook
一.上集回顾 1.运维: 手动 --> 标准化 --> 工具化 --> 自动化 --> 智能化 2.工具化 OS Install:PXE ,Cobbler:Virutaliza ...
C++命令空间使用和编译
先创建目录结构 src bin obj lib include 1.创建命名空间创建一个头文件include/head.h; #ifndef _GOOD_H #define _GOOD_H name ...
Java中的位运算及简单的算法应用介绍
众所周知,计算机底层是二进制.而java作为一门计算机编程语言,也对二进制的位运算提供了完整的支持. 在java中,int是32位的,也就是说可以用来实现32位的位运算.方便起见,我们一般用16进制对 ...
记一次清理缓存的小事情(chrome) chrome下清理缓存不生效的问题
记一次清理缓存的小事情(chrome) chrome下清理缓存不生效的问题前端开发中会经常涉及清理缓存的事情. 在一次开发后, 需要清理缓存,一个哥们怎么清理都不生效, 于是向我求救. 在我看了下后 ...
IIS7 伪静态 web.config 配置方法【详解】
IIS7 做伪静态比较的简单方便 1.程序方面只需要设置web.config 就可以了. 2.服务器需要安装:URL Rewrite 下载地址:http://www.iis.net/download ...
Tuxedo 介绍
快速阅读介绍Tuxedo,以及webLogic两个中间件,都是oracle旗下的产品 ,现在各银行系统用的最多.因为有部分项目涉及,所以有必须弄清楚,明白 . 什么是Tuxedo 官方介绍:http ...
RabbitMQ入门学习系列(四) 发布订阅模式
发布订阅模式什么时发布订阅模式把消息发送给多个订阅者.也就是有多个消费端都完整的接收生产者的消息换句话说把消息广播给多个消费者消息模型的核心 RabbitMQ不发送消息给队列,生产者也不知道 ...
记Oracle中regexp_substr的一次调优(速度提高95.5%)
项目中需要做一个船舶代理费的功能,针对代理的船进行收费,那么该功能的第一步便是选择进行代理费用信息的录入,在进行船舶选择的时候,发现加载相关船舶信息十分的慢,其主要在sql语句的执行,因为测试的时候数 ...
康哲20191114-1 每周例行报告kz404
此作业的要求参见https://edu.cnblogs.com/campus/nenu/2019fall/homework/10004 本周PSP 本周进度条本周折线图饼状图
在Windows下编译Cef3.2623并加入mp3、mp4支持（附带源码包和最终DLL）《转》
https://blog.csdn.net/zhuhongshu/article/details/54193842 源码包下载地址:点我下载最终Dll.Lib.PDB.头文件下载地址(release ...

jquery img src赋值

jquery img src赋值的更多相关文章

随机推荐

热门专题