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+CSS3实现一款简洁大气带滑动效果的弹出层
May 15 Javascript
深入分析escape()、encodeURI()、encodeURIComponent()的区别及示例
Aug 04 Javascript
JavaScript、jQuery与Ajax的关系
Jan 24 Javascript
jQuery点击输入框显示验证码图片
May 19 Javascript
第五篇Bootstrap 排版
Jun 21 Javascript
canvas雪花效果核心代码分享
Feb 19 Javascript
JavaScript之面向对象_动力节点Java学院整理
Jun 29 Javascript
webpack热模块替换(HMR)/热更新的方法
Apr 05 Javascript
vue实现跨域的方法分析
May 21 Javascript
Vue实现图片与文字混输效果
Dec 04 Javascript
js cavans实现静态滚动弹幕
May 21 Javascript
处理canvas绘制图片模糊问题
May 11 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 批量删除数据的方法分析
2009/10/30 PHP
php编写一个简单的路由类
2011/04/13 PHP
CMS中PHP判断系统是否已经安装的方法示例
2014/07/26 PHP
PHP的Laravel框架结合MySQL与Redis数据库的使用部署
2016/03/21 PHP
thinkphp中多表查询中防止数据重复的sql语句(必看)
2016/09/22 PHP
网页常用特效代码整理
2006/06/23 Javascript
解决FLASH需要点击激活的代码
2006/12/20 Javascript
Yii2使用Bootbox插件实现自定义弹窗
2015/04/02 Javascript
JavaScript改变CSS样式的方法汇总
2015/05/07 Javascript
javascript比较语义化版本号的实现代码
2016/09/09 Javascript
jQuery实现限制文本框的输入长度
2017/01/11 Javascript
页面缩放兼容性处理方法(zoom,Firefox火狐浏览器)
2017/08/29 Javascript
zTree 树插件实现全国五级地区点击后加载的示例
2018/02/05 Javascript
node.js部署之启动后台运行forever的方法
2018/05/23 Javascript
小程序关于请求同步的总结
2019/05/05 Javascript
webpack+express实现文件精确缓存的示例代码
2020/06/11 Javascript
python3使用tkinter实现ui界面简单实例
2014/01/10 Python
一个计算身份证号码校验位的Python小程序
2014/08/15 Python
python获取当前运行函数名称的方法实例代码
2017/04/06 Python
Python对多属性的重复数据去重实例
2018/04/18 Python
opencv python 图像去噪的实现方法
2018/08/31 Python
Python Django给admin添加Action的方法实例详解
2019/04/29 Python
python requests证书问题解决
2019/09/05 Python
Python 切分数组实例解析
2019/11/07 Python
wxPython+Matplotlib绘制折线图表
2019/11/19 Python
Pandas时间序列:重采样及频率转换方式
2019/12/26 Python
Django使用Celery加redis执行异步任务的实例内容
2020/02/20 Python
Python selenium页面加载慢超时的解决方案
2020/03/18 Python
css3编写浏览器背景渐变背景色的方法
2018/03/05 HTML / CSS
英国女性运动服品牌:Sweaty Betty
2018/11/08 全球购物
写clone()方法时,通常都有一行代码,是什么?
2012/10/31 面试题
大学生个人实习的自我评价
2014/02/15 职场文书
二年级上册数学教学计划
2015/01/20 职场文书
生活小常识广播稿
2015/08/19 职场文书
护士业务学习心得体会
2016/01/25 职场文书
创业计划书之校园超市
2019/09/12 职场文书