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 相关文章推荐
document.all还是document.getElementsByName?
Jul 21 Javascript
用js怎么把&字符换成"&amp:"
Oct 19 Javascript
Function.prototype.bind用法示例
Sep 16 Javascript
鼠标移入移出事件改变图片的分辨率的两种方法
Dec 17 Javascript
检查表单元素的值是否为空的实例代码
Jun 16 Javascript
手机浏览器 后退按钮强制刷新页面方法总结
Oct 09 Javascript
浅谈javascript控制HTML5的全屏操控,浏览器兼容的问题
Oct 10 Javascript
清除js缓存的多种方法总结
Dec 09 Javascript
微信小程序 scroll-view组件实现列表页实例代码
Dec 14 Javascript
详解jQuery中的事件
Dec 14 Javascript
vue中父子组件注意事项,传值及slot应用技巧
May 09 Javascript
详解webpack编译速度提升之DllPlugin
Feb 05 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/09/30 PHP
记录PHP错误日志 display_errors与log_errors的区别
2012/10/09 PHP
使用php测试硬盘写入速度示例
2014/01/27 PHP
解决更换PHP5.4以上版本后Dedecms后台登录空白问题的方法
2015/10/23 PHP
php实现分页显示
2015/11/03 PHP
php实现概率性随机抽奖代码
2016/01/02 PHP
PHP实现简单的协程任务调度demo示例
2020/02/01 PHP
简单的php购物车代码
2020/06/05 PHP
Jquery 插件学习实例1 插件制作说明与tableUI优化
2010/04/02 Javascript
javascript中检测变量的类型的代码
2010/12/28 Javascript
返回对象在当前级别中是第几个元素的实现代码
2011/01/20 Javascript
jQuery中removeData()方法用法实例
2014/12/27 Javascript
jquery实现可拖拽弹出层特效
2015/01/04 Javascript
js 判断一组日期是否是连续的简单实例
2016/07/11 Javascript
JS实现的DIV块来回滚动效果示例
2017/02/07 Javascript
vue.js简单配置axios的方法详解
2017/12/13 Javascript
Express的HTTP重定向到HTTPS的方法
2018/06/06 Javascript
JavaScript设计模式之构造函数模式实例教程
2018/07/02 Javascript
微信小程序 网络通信实现详解
2019/07/23 Javascript
解决LayUI数据表格复选框不居中显示的问题
2019/09/25 Javascript
javascript实现贪吃蛇游戏(娱乐版)
2020/08/17 Javascript
[07:48]DOTA2上海特级锦标赛主赛事首日RECAP
2016/03/04 DOTA
Python的Django框架中使用SQLAlchemy操作数据库的教程
2016/06/02 Python
python实现杨辉三角思路
2017/07/14 Python
python3模块smtplib实现发送邮件功能
2018/05/22 Python
一篇文章弄懂Python中所有数组数据类型
2019/06/23 Python
Apache部署Django项目图文详解
2019/07/30 Python
Django微信小程序后台开发教程的实现
2020/06/03 Python
python软件都是免费的吗
2020/06/18 Python
python中re模块知识点总结
2021/01/17 Python
详解Python之Scrapy爬虫教程NBA球员数据存放到Mysql数据库
2021/01/24 Python
HTML5 Canvas之测试浏览器是否支持Canvas的方法
2015/01/01 HTML / CSS
材料加工硕士生求职信
2013/10/10 职场文书
大专生自我评价
2014/01/28 职场文书
《冬阳童年骆驼队》教学反思
2014/04/15 职场文书
给老婆的检讨书(搞笑版)
2015/05/06 职场文书