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 相关文章推荐
一端时间轮换的广告
Jun 26 Javascript
PJ Blog修改-禁止复制的代码和方法
Oct 25 Javascript
纯CSS3代码实现滑动开关效果
Aug 19 Javascript
学习使用AngularJS文件上传控件
Feb 16 Javascript
如何理解Vue的.sync修饰符的使用
Aug 17 Javascript
js中json对象和字符串的理解及相互转化操作实现方法
Sep 22 Javascript
Django中使用jquery的ajax进行数据交互的实例代码
Oct 15 jQuery
bing Map 在vue项目中的使用详解
Apr 09 Javascript
vue项目中实现图片预览的公用组件功能
Oct 26 Javascript
JavaScript, select标签元素左右移动功能实现
May 14 Javascript
解决ant Design中Select设置initialValue时的大坑
Oct 29 Javascript
Javascript表单序列化原理及实现代码详解
Oct 30 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模板类代码
2008/09/07 PHP
php miniBB中文乱码问题解决方法
2008/11/25 PHP
如何解决PHP无法实现多线程的问题
2015/09/25 PHP
PHP图片加水印实现方法
2016/05/06 PHP
PHP读取目录树的实现方法分析
2019/03/22 PHP
php中文语义分析实现方法示例
2019/09/28 PHP
实例:尽可能写友好的Javascript代码
2006/10/09 Javascript
禁止F5等快捷键的JS代码
2007/03/06 Javascript
今天是星期几的4种JS代码写法
2013/09/17 Javascript
BootStrap的弹出框(Popover)支持鼠标移到弹出层上弹窗层不隐藏的原因及解决办法
2016/04/03 Javascript
JavaScript动态添加事件之事件委托
2016/07/12 Javascript
详解vue.js组件化开发实践
2016/12/14 Javascript
基于jQuery实现照片墙自动播放特效
2017/01/12 Javascript
JavaScript对JSON数据进行排序和搜索
2017/07/24 Javascript
分析javascript原型及原型链
2018/03/18 Javascript
基于React+Redux的SSR实现方法
2018/07/03 Javascript
js实现一个简易计算器
2020/03/30 Javascript
Layui给switch添加响应事件的例子
2019/09/03 Javascript
jQuery实现雪花飘落效果
2020/08/02 jQuery
[04:29]DOTA2亚洲邀请赛小组赛第一日 TOP10精彩集锦
2015/02/01 DOTA
[01:00:44]DOTA2上海特级锦标赛主赛事日 - 3 败者组第三轮#1COL VS Alliance第三局
2016/03/04 DOTA
Python3.x爬虫下载网页图片的实例讲解
2018/05/22 Python
Python调用.net动态库实现过程解析
2020/06/05 Python
Flask中sqlalchemy模块的实例用法
2020/08/02 Python
台湾菁英交友:结识黄金单身的台湾人
2018/01/22 全球购物
荷兰鞋类购物网站:Donelli
2019/05/24 全球购物
用缩写的指针比较"if(p)" 检查空指针是否可靠?如果空指针的内部表达不是0会怎么样?
2014/01/05 面试题
鞋类设计与工艺专业销售求职信
2013/11/01 职场文书
《登鹳雀楼》教学反思
2014/04/09 职场文书
文秘班元旦晚会活动策划方案
2014/08/28 职场文书
道歉信怎么写
2015/05/12 职场文书
经营场所证明范本
2015/06/19 职场文书
儿子满月酒致辞
2015/07/29 职场文书
村官2015年度工作总结
2015/10/14 职场文书
Python 可迭代对象 iterable的具体使用
2021/08/07 Python
MySQL创建管理LIST分区
2022/04/13 MySQL