jQuery使用元素属性attr赋值详解


Posted in Javascript onFebruary 27, 2015
1.$("Element").attr(name) '取得第一个匹配的属性值,比如$("img").attr("src")  

2.$("Element".attr(key,value)") '某一个元素设置属性  

3.$("Element".attr({key:value,key1:value,....})) ‘为某个元素一次性设置多个属性  

4.$("Element").attr(key,function) '为所有匹配的元素设置一个计算的属性值。  

5.$("Element").removeAttr(name)//移除某一个属性 

jQuery 代码:

$("img").attr("src");

参数properties 描述:

为所有图像设置src和alt属性。

jQuery 代码:

$("img").attr({ src: "test.jpg", alt: "Test Image" });

参数key,value 描述:

为所有图像设置src属性。

jQuery 代码:

$("img").attr("src","test.jpg");

参数key,回调函数 描述:

把src属性的值设置为title属性的值。

jQuery 代码:

$("img").attr("title", function() { return this.src });

以上就是本文的全部内容了,都是个人的一些经验总结,希望大家能够喜欢。

Javascript 相关文章推荐
jQuery实现form表单reset按钮重置清空表单功能
Dec 18 Javascript
用表格输出1-1000之间的数字实现代码(附特效)
Apr 21 Javascript
基于jquery实现可定制的web在线富文本编辑器附源码下载
Nov 17 Javascript
jQuery实现的表头固定效果实例【附完整demo源码下载】
Aug 01 Javascript
JSON 对象未定义错误的解决方法
Sep 29 Javascript
Angular的$http与$location
Dec 26 Javascript
jQuery插件HighCharts实现2D柱状图、折线图的组合多轴图效果示例【附demo源码下载】
Mar 09 Javascript
Angular2 组件通信的实例代码
Jun 23 Javascript
浅析前端路由简介以及vue-router实现原理
Jun 01 Javascript
js实现移动端tab切换时下划线滑动效果
Sep 08 Javascript
JavaScript函数柯里化实现原理及过程
Dec 02 Javascript
Vue中foreach数组与js中遍历数组的写法说明
Jun 05 Vue.js
jquery实现公告翻滚效果
Feb 27 #Javascript
JS+CSS实现淡入式焦点图片幻灯切换效果的方法
Feb 26 #Javascript
JS+CSS实现模仿浏览器网页字符查找功能的方法
Feb 26 #Javascript
js+CSS实现弹出居中背景半透明div层的方法
Feb 26 #Javascript
js使用post 方式打开新窗口
Feb 26 #Javascript
JS仿Windows开机启动Loading进度条的方法
Feb 26 #Javascript
JS实现跟随鼠标闪烁转动色块的方法
Feb 26 #Javascript
You might like
php设计模式之单例模式使用示例
2014/01/20 PHP
PHP 5.3新增魔术方法__invoke概述
2014/07/23 PHP
PHP中if和or运行效率对比
2014/12/12 PHP
php中switch与ifelse的效率区别及适用情况分析
2015/02/12 PHP
PHP中使用register_shutdown_function函数截获fatal error示例
2015/04/21 PHP
Discuz!X中SESSION机制实例详解
2015/09/23 PHP
PHP进阶学习之依赖注入与Ioc容器详解
2019/06/19 PHP
laravel5.1框架基础之Blade模板继承简单使用方法分析
2019/09/05 PHP
深入聊聊Array的sort方法的使用技巧.详细点评protype.js中的sortBy方法
2007/04/12 Javascript
JS中如何判断传过来的JSON数据中是否存在某字段
2014/08/18 Javascript
详谈jQuery操纵DOM元素属性 attr()和removeAtrr()方法
2015/01/22 Javascript
ionic js 模型 $ionicModal 可以遮住用户主界面的内容框
2016/06/06 Javascript
angularjs封装bootstrap时间插件datetimepicker
2016/06/20 Javascript
js获取浏览器高度 窗口高度 元素尺寸 偏移属性的方法
2016/11/21 Javascript
Vue2实现组件props双向绑定
2016/12/02 Javascript
Angular.js与node.js项目里用cookie校验账户登录详解
2017/02/22 Javascript
JS数组操作中的经典算法实例讲解
2017/07/26 Javascript
深入理解ES6的迭代器与生成器
2017/08/19 Javascript
聊聊那些使用前端Javascript实现的机器学习类库
2017/09/18 Javascript
配置eslint规范项目代码风格
2019/03/11 Javascript
JavaScript实现动态生成表格
2020/08/02 Javascript
[02:08]2014DOTA2国际邀请赛 430专访:力争取得小组前二
2014/07/11 DOTA
Linux下为不同版本python安装第三方库
2016/08/31 Python
详解Python中 sys.argv[]的用法简明解释
2017/12/20 Python
Linux CentOS7下安装python3 的方法
2018/01/21 Python
selenium+python配置chrome浏览器的选项的实现
2020/03/18 Python
使用python检查yaml配置文件是否符合要求
2020/04/09 Python
python 解决Fatal error in launcher:错误问题
2020/05/21 Python
浅谈Pycharm的项目文件名是红色的原因及解决方式
2020/06/01 Python
如何基于pandas读取csv后合并两个股票
2020/09/25 Python
Python识别验证码的实现示例
2020/09/30 Python
如何避免常见的6种HTML5错误用法
2017/11/06 HTML / CSS
SQL Server 2000数据库的文件有哪些,分别进行描述
2013/03/30 面试题
情侣吵架检讨书
2014/02/05 职场文书
2015建军节87周年演讲稿
2015/03/19 职场文书
Python批量解压&压缩文件夹的示例代码
2022/04/04 Python