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 相关文章推荐
检测input每次的输入是否合法遇到汉字输入就有问题
May 23 Javascript
使用时间戳解决ie缓存的问题
Aug 20 Javascript
Web表单提交之disabled问题js解决方法
Jan 13 Javascript
readonly和disabled属性的区别
Jul 26 Javascript
JavaScript中Function函数与Object对象的关系
Dec 17 Javascript
JavaScript交换两个变量值的七种解决方案
Dec 01 Javascript
详解React Native网络请求fetch简单封装
Aug 10 Javascript
通过vue-cli来学习修改Webpack多环境配置和发布问题
Dec 22 Javascript
d3绘制基本的柱形图的实现代码
Dec 12 Javascript
详解小程序云开发数据库
May 20 Javascript
react实现同页面三级跳转路由布局
Sep 26 Javascript
jQuery实现简单飞机大战
Jul 05 jQuery
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
页面乱码问题的根源及其分析
2013/08/09 PHP
php根据年月获取季度的方法
2014/03/31 PHP
php传值赋值和传地址赋值用法实例分析
2015/06/20 PHP
php计算多维数组中所有值总和的方法
2015/06/24 PHP
PHP微信开发之二维码生成类
2015/06/26 PHP
Lumen timezone 时区设置方法(慢了8个小时)
2018/01/20 PHP
js对象内部访问this修饰的成员函数示例
2014/04/27 Javascript
jQuery实现跟随鼠标运动图层效果的方法
2015/02/02 Javascript
js实现仿百度汽车频道选择汽车图片展示实例
2015/05/06 Javascript
JavaScript仿微博发布信息案例
2016/11/16 Javascript
EasyUI Combobox设置默认值 获取text的方法
2016/11/28 Javascript
单行 JS 实现移动端金钱格式的输入规则
2017/05/22 Javascript
vue axios同步请求解决方案
2017/09/29 Javascript
以v-model与promise两种方式实现vue弹窗组件
2018/05/21 Javascript
了解ESlint和其相关操作小结
2018/05/21 Javascript
vue使用laydate时间插件的方法
2018/11/14 Javascript
javascript异步编程的六种方式总结
2019/05/17 Javascript
小程序使用wxs解决wxml保留2位小数问题
2019/12/13 Javascript
将Vue组件库更换为按需加载的方法步骤
2020/05/06 Javascript
Vue管理系统前端之组件拆分封装详解
2020/08/23 Javascript
python 截取 取出一部分的字符串方法
2017/03/01 Python
Python中工作日类库Busines Holiday的介绍与使用
2017/07/06 Python
用Python下载一个网页保存为本地的HTML文件实例
2018/05/21 Python
Python闭包思想与用法浅析
2018/12/27 Python
python实现学员管理系统
2019/02/26 Python
Python3.4学习笔记之 idle 清屏扩展插件用法分析
2019/03/01 Python
Python面向对象总结及类与正则表达式详解
2019/04/18 Python
python求质数列表的例子
2019/11/24 Python
印度首个本地在线平台:nearbuy
2019/03/28 全球购物
几道PHP的面试题
2012/05/19 面试题
校园歌手大赛策划书
2014/01/17 职场文书
公安四风对照检查材料思想汇报
2014/10/11 职场文书
2015年世界水日活动总结
2015/02/09 职场文书
一个独生女的故事观后感
2015/06/04 职场文书
sqlserver2017共享功能目录路径不可改的解决方法
2021/04/16 SQL Server
Python基础之元编程知识总结
2021/05/23 Python