JQeury修改标签属性

在<img class="cycle" id="cycle1" src="" width=15 height=15>标签中,如何根据具体情况,添加或者删除src呢?

JQuery中有一个attr的属性,attr() 方法设置或返回被选元素的属性值。

语法:$(selector).attr(attribute,function(index,oldvalue))

因此,只需要对选定的容器,采用attr函数,就可以修改里面的属性。

例如:$(".cycle").attr("src","./img/circle.jpg");

这样,我们就对类名为cycle的img标签中的src添加值,也就是img添加了一张名为circle的图片。

接下来,如果要移除这张图片,就要利用removeAttr()函数,即:

$(".cycle").removeAttr("src");

removeAttr()表示从某个元素中移除某个属性。

时间: 2025-01-13 18:52:38

JQeury修改标签属性的相关文章

js DOM(一)注册事件、修改标签属性和样式

目录: 1.DOM的概念    2.为元素注册事件    3.案例:点击按钮显示图片及设置宽高    4.案例:点击按钮设置p标签的文本内容    5.案例:点击按钮修改超链接的地址及热点文字    6.案例: 点击按钮设置多个p标签内容    7.案例:点击按钮修改图片的alt和title属性    8.案例: 点击按钮修改多个文本框的值    9.案例:点击图片修改自身的宽高    10.案例:按钮的排他功能    11.案例:点小图边大图    12.案例:点击按钮选择性别和兴趣    1

CSS--display属性修改标签的显示类型

CSS中有个display属性,能修改标签的显示类型 none:隐藏标签 block:让标签变为块级标签 inline:让标签变为行内标签 inline-block:让标签变为行内-块级标签(内联-块级标签)

JS获取元素、修改元素/css样式/标签属性、简单事件、数据类型

基本使用 写在Script 标签里 引入外部js文件:<script src=" "></script> console.log(" ") 方法用于在控制台输出信息 注意事项 严格区大小写 每一行完整语句后面加分号 变量名不能使用关键字和保留字 代码要缩进,保持可读性 修改元素内容 获取元素 通过id获取元素:document.getElementById(""); 通过class名字获取元素:document.getEl

Dom之标签属性

一.标签默认属性的查找与修改 查找 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>标签操作</title></head><body> <!--定义一个div标签和一个a标签--> <!--div默认属性:id,class,style,可以通过"."

修改标签的4种显示类型

CSS中有个display属性,能修改标签的显示类型 none:隐藏标签 block:让标签变为块级标签 inline:让标签变为行内标签 inline-block:让标签变为行内-块级标签(内联-块级标签)

用JavaScript修改CSS属性的代码

用JavaScript修改CSS属性的代码 作者: 字体:[增加 减小] 类型:转载 时间:2013-05-06我要评论 这篇文章主要介绍用原生的javascript修改CSS属性的方法,需要的朋友可以参考下 用JavaScript修改CSS属性 只有写原生的javascript了. 1.用JS修改标签的 class 属性值: class 属性是在标签上引用样式表的方法之一,它的值是一个样式表的选择符,如果改变了 class 属性的值,标签所引用的样式表也就更换了,所以这属于第一种修改方法. 更

html5 meta标签属性整理

html5 meta标签属性整理 前言:不知道有没有人觉得,html的meta标签描述的头部信息特别多,有针对的SEO的头部信息,也有针对移动设备的头部信息,今日特地在网上搜集资料自己稍微对其整理一下,终于找个个描述得比较全的网站(点击进入),本人有点强迫症,硬是把它写进自己的博客,当然这还不是最全的,以后会慢慢修改至完整. 基本标签 声明文档使用的字符编码 <meta charset='utf-8'> 声明文档的兼容模式 //指示IE以目前可用的最高模式显示内容 <meta http-

html标签属性(attribute)和dom元素的属性(property)

attribute和property都有属性之意,但对于attribute和property的区分其实并不难.从对象来说,attribute是html文档上标签属性, 而property则是对应dom元素的自身属性.从操作方法上来看,attribute可以通过dom core规范的接口 getAttribute和setAttribute 进行获取修改,而property可以通过对象访问属性的方式 . 或者 ["  "]来修改获取. 但是对于ie6,7,8(Q)模式下,会与标准w3c浏览

PHP如何提取img标签属性

extract_attrib是一个提取的图像标签属性的PHP脚本函数,使用正则表达式方法提取. 当你想在HTML的img标签中提取图像数据,这非常有用. 如果你知道如何修改正则表达式,那么同样的功能进行扩展,可以用它来提取任何其他HTML标签上! 只需几行代码,并希望它对大家有用. 要提取img标签属性使用PHP,请按照下列步骤 function extract_attrib($tag) { preg_match_all('/(id|alt|title|src)=("[^"]*&quo