Jquery attr 和removeAttr 的简单使用
用法一: $(选择器).attr(属性名) 它的作用就是获取指定元素( $(选择器)部分 )的指定属性的值. 看例子:
有这样一段html:
<img src=“http://t.douban.com/lpic/s3791510.jpg” alt=“变形金刚海报” width=“500″ height=“300″ />
那么你要获取到图片的地址该怎么办呢? 这样: $(”img”).attr(”src”) 就这么简单, 你用alert或者其它形式输出一下就看到图片的地址了. 那么我要取得图片的描述呢? 这样: $(”img”).attr(”alt”) .够简单吧. 它不但可以取到html本身有的属性, 而且也能取到你自己定义的属性, 比如上例中的 funny属性, 自己试试能不能获取到它的值. 注意: 如果你要获取的属性是不存在的, 那么jquery就会返回一个 undefined .
用法二: $(选择器).attr(属性名, 属性值) 它的作用是为所有匹配的元素设置一个属性值。
假如页面中有一堆这样的html:
<img /><img />
我们写一句这样的jquery代码: $(”img”).attr(”src”,”http://t.douban.com/lpic/s3791510.jpg”) 这样上面一堆无意义的img标签就变成了:
<img src=“http://t.douban.com/lpic/s3791510.jpg” /><img src=“http://t.douban.com/lpic/s3791510.jpg” />
很容易理解吧. 假如我们想给图片设置高度,那么只要 $(”img”).attr(”height”,”300″) . 再要设置宽度就这样: $(”img”).attr(”width”,”500″) . 如此看来是没有什么问题, 但是当要设置多个属性时, 一个一个的这样写真是太麻烦了, 那么我们来看第三个用法.
用法三: $(选择器).attr(Map) 它的意思就是给指定元素设置多个属性值, 我们重点看一下 Map 是什么意思. 它其实是这样一种序列:
{属性名一: “属性值一” , 属性名二: “属性值二” , … … }
那么我要实现用法二中的例子只要这样写:
$(“img”).attr({src:“http://t.douban.com/lpic/s3791510.jpg” , height: “300″ , width : “500″})
以上我们学会了获取属性值, 设置属性值, 那么怎么删除属性呢?
jquery中删除属性的关键词是: removeAttr 注意A是大写的. 看看怎么用的:
同样是用法一中的html代码, 我想删掉图片的高度属性, 那么就这样:
$(“img”). removeAttr(“height”);
嗯,就这么简单. attr 其实就是原生js中 getAttribute 的简化实现, 而removeAttr 就是 removeAttribute 的简写了
转载于:https://blog.51cto.com/4068205/1208337
Jquery attr 和removeAttr 的简单使用相关推荐
- jquery attr()属性
在JS中设置节点的属性与属性值用到setAttribute(),获得节点的属性与属性值用到getAttribute(),而在jquery中,用一个attr()就可以全部搞定了,赞一个先 ^^ jque ...
- JQuery中的.attr()与.removeAttr()
每个元素都有一个或者多个特性,这些特性的用途就是给出相应元素或者其内容的附加信息.如:在img元素中,src就是元素的特性,用来标记图片的地址. 在JS中,我们经常使用到的DOM,操作特性方法主要有3 ...
- html添加删除元素属性,jQuery学习笔记——.attr()和.removeAttr()方法操作元素属性
今天主要和大家一起分享一下如何使用jQuery的jQuery就可以让我们轻松的读取,添加,更改或删除一个(或多个)元素中的任何属性,在jQuery中我们可以使用下面的方法来实现:.attr():jQu ...
- jQuery样式之attr与removeAttr的区别以及使用技巧
JavaScript操作特性的DOM方法主要有3个,分别是:getAttribute方法.setAttribute方法和removeAttribute方法,而 在jQuery中用一个attr()与re ...
- jQuery attr removeAttr 属性操作
jQuery attr removeAttr 属性操作 <%@ page language="java" import="java.util.*" pag ...
- php js attr,jquery属性与自定义属性操作:attr()和removeAttr()
jquery属性与自定义属性操作:attr()和removeAttr() 预备知识: 读取器,设置器 1. 有一些函数,可以根据参数的数量不同,执行不同的功能,返回不同的值,类似于功能重载 2. 传入 ...
- 深入学习jquery源码之attr()与removeAttr()
深入学习jquery源码之attr()与removeAttr() attr(name|properties|key,value|fn) 概述 设置或返回被选元素的属性值. 参数 name String ...
- jquery的attr和removeAttr实现checkbox全选和取消全选问题
jquery的attr和removeAttr实现checkbox全选和取消全选问题 问题说明: 一个全选和取消全选的功能,界面效果图如下 点击全选checkbox则所有checkbox被选中或者取消选 ...
- .attr()与.removeAttr()
每个元素都有一个或者多个特性,这些特性的用途就是给出相应元素或者其内容的附加信息.如:在img元素中,src就是元素的特性,用来标记图片的地址. 操作特性的DOM方法主要有3个,getAttribut ...
最新文章
- 在linux下的使用复制命令cp,不让出现“overwrite”(文件覆盖)提示的方法。
- DB-Engines 2018:PostgreSQL 蝉联“年度数据库”称号
- Java实现min函数_AcWing 41. 包含min函数的栈--Java代码
- 文件标识符无效。使用 fopen 生成有效的文件标识符。_「存储架构」块存储、文件存储和对象存储(第1节)...
- 编译3.0的linux内核,Ubuntu 编译 Linux 3.0-rc4 内核
- 成都五月花计算机网教,【强调】成都五月花计算机学校网址是什么
- 卷积神经网络第四周作业2: Art Generation with Neural Style Transfer - v1
- VB.net小技巧系列目录
- Android逆向分析之dex2jar异常处理的几种情况
- 数字化转型:中国企业数字化转型趋势
- 数据库表需要添加字段SQL怎么写!
- Windows无法安装到磁盘磁盘具有MBR分区表的解决
- 摄像头各参数的意义_详解:摄像头参数介绍说明
- LLVM 学习(二) -LLVM IR 语法理论学习
- IDEA如何自动/手动导入包
- 2019~ROS暑期学校~ROS Summer School in China~分享
- AI创业时代!这9个方向有钱途;AIGC再添霸榜应用Lensa;美团SemEval2022冠军方法分享;医学图像处理工具箱… | ShowMeAI资讯日报
- HtmlUnit 使用范例
- rabbitmq消费端auto和manual区别;处理mq的requeue
- mysql CONFLICT 冲突