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 相关文章推荐
js验证上传图片的方法
May 12 Javascript
Jquery+Ajax+PHP+MySQL实现分类列表管理(下)
Oct 28 Javascript
实例详解JavaScript获取链接参数的方法
Jan 01 Javascript
移动端横屏的JS代码(beta)
May 16 Javascript
json对象及数组键值的深度大小写转换问题详解
Mar 30 Javascript
微信小程序中添加客服按钮contact-button功能
Apr 27 Javascript
Vue多系统切换实现方案
Jun 05 Javascript
详解封装基础的angular4的request请求方法
Jun 05 Javascript
JavaScript实现构造json数组的方法分析
Aug 17 Javascript
在vue中使用setInterval的方法示例
Apr 16 Javascript
jquery.pager.js分页实现详解
Jul 29 jQuery
vue 动态组件(component :is) 和 dom元素限制(is)用法说明
Sep 04 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
Laravel如何同时连接多个数据库详解
2019/08/13 PHP
Laravel5.1 框架路由基础详解
2020/01/04 PHP
PHP7 其他修改
2021/03/09 PHP
破解Session cookie的方法
2006/07/28 Javascript
跨浏览器开发经验总结(四) 怎么写入剪贴板
2010/05/13 Javascript
asp.net+jquery滚动滚动条加载数据的下拉控件
2010/06/25 Javascript
Iframe 自动适应页面的高度示例代码
2014/02/26 Javascript
js 实现浏览历史记录示例
2014/04/20 Javascript
javascript制作的网页侧边弹出框思路及实现代码
2014/05/21 Javascript
深入分析原生JavaScript事件
2014/12/29 Javascript
JavaScript在浏览器标题栏上显示当前日期和时间的方法
2015/03/19 Javascript
基于javascript实现九九乘法表
2016/03/27 Javascript
jQuery代码实现图片墙自动+手动淡入淡出切换效果
2016/05/09 Javascript
详解JavaScript模块化开发
2016/12/04 Javascript
JavaScript 巧学巧用
2017/05/23 Javascript
用Node提供静态文件服务的方法
2018/07/06 Javascript
Echarts之悬浮框中的数据排序问题
2018/11/08 Javascript
小程序调用微信支付的方法
2019/09/26 Javascript
JavaScript 作用域scope简单汇总
2019/10/23 Javascript
js实现简单掷骰子效果
2019/10/24 Javascript
layui写后台表格思路和赋值用法详解
2019/11/14 Javascript
JS快速实现简单计算器
2020/04/08 Javascript
JS将指定的某个字符全部转换为其他字符实例代码
2020/10/13 Javascript
[01:24:34]2014 DOTA2华西杯精英邀请赛5 24 DK VS LGD
2014/05/25 DOTA
python之wxPython菜单使用详解
2014/09/28 Python
python使用TensorFlow进行图像处理的方法
2018/02/28 Python
Python实现获取邮箱内容并解析的方法示例
2018/06/16 Python
python flask实现分页的示例代码
2018/08/02 Python
详解Anaconda安装tensorflow报错问题解决方法
2020/11/01 Python
matplotlib绘制多子图共享鼠标光标的方法示例
2021/01/08 Python
html5中的一些标签学习(心得)
2016/10/18 HTML / CSS
自荐信结尾
2013/10/27 职场文书
《浅水洼里的小鱼》听课反思
2014/02/28 职场文书
国培远程培训感言
2014/03/08 职场文书
股东协议书
2014/04/14 职场文书
2014年教学工作总结
2014/11/13 职场文书