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 相关文章推荐
用函数式编程技术编写优美的 JavaScript_ibm
May 16 Javascript
从零开始学习jQuery (六) jquery中的AJAX使用
Feb 23 Javascript
chrome原生方法之数组
Nov 30 Javascript
使用ImageMagick进行图片缩放、合成与裁剪(js+python)
Sep 16 Javascript
jquery移除、绑定、触发元素事件使用示例详解
Apr 10 Javascript
node.js中的path.normalize方法使用说明
Dec 08 Javascript
JavaScript焦点事件、鼠标事件和滚轮事件使用详解
Jan 15 Javascript
Bootstrap3 图片(响应式图片&图片形状)
Jan 04 Javascript
ng-options和ng-checked在表单中的高级运用(推荐)
Jan 21 Javascript
iscroll实现下拉刷新功能
Jul 18 Javascript
解决vue2中使用axios http请求出现的问题
Mar 05 Javascript
微信小程序服务器日期格式化问题
Jan 07 Javascript
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&mysql(一)
2006/10/09 PHP
PHP与SQL注入攻击[二]
2007/04/17 PHP
PHP函数篇详解十进制、二进制、八进制和十六进制转换函数说明
2011/12/05 PHP
PHP调用Mailgun发送邮件的方法
2017/05/04 PHP
ThinkPHP5框架缓存查询操作分析
2018/05/30 PHP
PHP实现无限极分类的两种方式示例【递归和引用方式】
2019/03/25 PHP
JQUERY THICKBOX弹出层插件
2008/08/30 Javascript
基于jquery的二级联动菜单实现代码
2011/04/25 Javascript
Javascript引用指针使用介绍
2012/11/07 Javascript
遍历DOM对象内的元素属性示例代码
2014/02/08 Javascript
JavaScript中匿名、命名函数的性能测试
2014/09/04 Javascript
JavaScript tab选项卡插件实例代码
2016/02/23 Javascript
基于jQuery倒计时插件实现团购秒杀效果
2016/05/13 Javascript
JS打印组合功能
2016/08/04 Javascript
AngularJs Understanding the Controller Component
2016/09/02 Javascript
jQuery实现用户输入自动完成功能
2017/02/13 Javascript
vee-validate vue 2.0自定义表单验证的实例
2018/08/28 Javascript
layui 上传文件_批量导入数据UI的方法
2019/09/23 Javascript
JS中准确判断变量类型的方法
2020/06/01 Javascript
Vue 实例中使用$refs的注意事项
2021/01/29 Vue.js
python django集成cas验证系统
2014/07/14 Python
10个易被忽视但应掌握的Python基本用法
2015/04/01 Python
Django获取该数据的上一条和下一条方法
2019/08/12 Python
一篇文章弄懂Python中的可迭代对象、迭代器和生成器
2019/08/12 Python
python实现两个一维列表合并成一个二维列表
2019/12/02 Python
python shell命令行中import多层目录下的模块操作
2020/03/09 Python
pycharm 如何取消连按两下shift出现的全局搜索
2021/01/15 Python
英国领先的酒杯和水晶玻璃器皿制造商:Dartington Crystal
2019/06/23 全球购物
英国网上超市:Ocado
2020/03/05 全球购物
将相和教学反思
2014/02/04 职场文书
2014年征兵标语
2014/06/20 职场文书
2014财务年终工作总结
2014/12/08 职场文书
市级三好学生评语
2014/12/29 职场文书
庆祝教师节新闻稿
2015/07/17 职场文书
德能勤绩工作总结
2015/08/11 职场文书
Jupyter notebook 更改文件打开的默认路径操作
2021/05/21 Python