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实现的移入页面上空文本框时,让它变为焦点,移出清除焦点
Jul 26 Javascript
jWiard 基于JQuery的强大的向导控件介绍
Oct 28 Javascript
jquery.validate的使用说明介绍
Nov 12 Javascript
js的toLowerCase方法用法实例
Jan 27 Javascript
基于jquery实现select选择框内容左右移动添加删除代码分享
Aug 25 Javascript
JS简单实现浮动窗口效果示例
Sep 07 Javascript
基于ajax与msmq技术的消息推送功能实现代码
Dec 26 Javascript
jQuery插件imgAreaSelect基础讲解
May 26 jQuery
vue实现tab切换外加样式切换方法
Mar 16 Javascript
详解Node.js使用token进行认证的简单示例
May 25 Javascript
在vue中实现echarts随窗体变化
Jul 27 Javascript
Vue如何实现验证码输入交互
Dec 07 Vue.js
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的栏目导航程序
2006/10/09 PHP
用PHP写的基于Memcache的Queue实现代码
2011/11/27 PHP
php 字符串压缩方法比较示例
2014/01/23 PHP
PHP文件及文件夹操作之创建、删除、移动、复制
2016/07/13 PHP
PHP实现生成数据字典功能示例
2018/05/24 PHP
javascript 兼容FF的onmouseenter和onmouseleave的代码
2008/07/19 Javascript
简明json介绍
2008/09/28 Javascript
Javascript 原型和继承(Prototypes and Inheritance)
2009/04/01 Javascript
JS 控制CSS样式表
2009/08/20 Javascript
JavaScript开发规范要求(规范化代码)
2010/08/16 Javascript
基于OO的动画附加插件,可以实现弹跳、渐隐等动画效果 分享
2013/06/24 Javascript
JS通过分析userAgent属性来判断浏览器的类型及版本
2014/03/28 Javascript
Ajax清除浏览器js、css、图片缓存的方法
2015/08/06 Javascript
在Mac OS上安装使用Node.js的项目自动化构建工具Gulp
2016/06/18 Javascript
Vue学习之路之登录注册实例代码
2017/07/06 Javascript
react-navigation 如何判断用户是否登录跳转到登录页的方法
2017/12/01 Javascript
详解Vue中localstorage和sessionstorage的使用
2017/12/22 Javascript
JavaScript查看代码运行效率console.time()与console.timeEnd()用法
2019/01/18 Javascript
javascript Canvas动态粒子连线
2020/01/01 Javascript
Python使用sorted排序的方法小结
2017/07/28 Python
Python学习之Anaconda的使用与配置方法
2018/01/04 Python
Python中optparser库用法实例详解
2018/01/26 Python
Python 数据处理库 pandas进阶教程
2018/04/21 Python
python pygame实现五子棋小游戏
2020/10/26 Python
Python PyQt5模块实现窗口GUI界面代码实例
2020/05/12 Python
Python drop方法删除列之inplace参数实例
2020/06/27 Python
Python 生成短8位唯一id实战教程
2021/01/13 Python
泰国汽车、火车和轮渡票预订网站:Bus Online Ticket
2017/09/09 全球购物
车间班组长岗位职责
2013/11/13 职场文书
讲党性心得体会
2014/09/03 职场文书
五心教育心得体会
2014/09/04 职场文书
美德少年事迹材料(2016推荐版)
2016/02/25 职场文书
SpringBoot 集成Redis 过程
2021/06/02 Redis
浅谈react useEffect闭包的坑
2021/06/08 Javascript
SpringCloud Alibaba项目实战之nacos-server服务搭建过程
2021/06/21 Java/Android
Python编写nmap扫描工具
2021/07/21 Python