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 相关文章推荐
StringTemplate遇见jQuery冲突的解决方法
Sep 22 Javascript
原生js实现日期联动
Jan 12 Javascript
如何用js 实现依赖注入的思想,后端框架思想搬到前端来
Aug 03 Javascript
Bootstrap+jfinal退出系统弹出确认框的实现方法
May 30 Javascript
vue中eventbus被多次触发以及踩过的坑
Dec 02 Javascript
vue-cli 使用vue-bus来全局控制的实例讲解
Sep 15 Javascript
JS中的算法与数据结构之常见排序(Sort)算法详解
Aug 16 Javascript
在 Vue 中编写 SVG 图标组件的方法
Feb 24 Javascript
.netcore+vue 实现压缩文件下载功能
Sep 24 Javascript
vue3.0 自适应不同分辨率电脑的操作
Feb 06 Vue.js
vue实现倒计时功能
Mar 24 Vue.js
AngularJS实现多级下拉框
Mar 25 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
2014年10个最佳的PHP图像操作库
2014/07/14 PHP
Linux下PHP连接Oracle数据库
2014/08/20 PHP
PHP简单获取视频预览图的方法
2015/03/12 PHP
CI框架源码解读之URI.php中_fetch_uri_string()函数用法分析
2016/05/18 PHP
php获取'/'传参的值简单方法
2017/07/13 PHP
php命名空间设计思想、用法与缺点分析
2019/07/17 PHP
用javascript实现无刷新更新数据的详细步骤 asp
2006/12/26 Javascript
HTML中Select不用Disabled实现ReadOnly的效果
2008/04/07 Javascript
ExtJS 设置级联菜单的默认值
2010/06/13 Javascript
js返回上一页并刷新的多种实现方法
2014/02/26 Javascript
用javascript读取xml文件读取节点数据
2014/08/12 Javascript
jQuery中get()方法用法实例
2014/12/27 Javascript
理解javascript中try...catch...finally
2015/12/25 Javascript
Angularjs CURD 详解及实例代码
2016/09/14 Javascript
基于JS实现的随机数字抽签实例
2016/12/08 Javascript
Javascript实现数组中的元素上下移动
2017/04/28 Javascript
详解探索 vuex 2.0 以及使用 vuejs 2.0 + vuex 2.0 构建记事本应用
2017/06/16 Javascript
Angular使用动态加载组件方法实现Dialog的示例
2018/05/11 Javascript
使用webpack打包后的vue项目如何正确运行(express)
2018/10/26 Javascript
JS/jQuery实现简单的开关灯效果【案例】
2019/02/19 jQuery
vue router 组件的高级应用实例代码
2019/04/08 Javascript
Vue.js自定义指令学习使用详解
2019/10/19 Javascript
vue 动态设置img的src地址无效,npm run build 后找不到文件的解决
2020/07/26 Javascript
jQuery-App输入框实现实时搜索
2020/11/19 jQuery
Python 文件重命名工具代码
2009/07/26 Python
Python中模拟enum枚举类型的5种方法分享
2014/11/22 Python
Python学习笔记之函数的定义和作用域实例详解
2019/08/13 Python
基于python 取余问题(%)详解
2020/06/03 Python
pytorch加载自己的图像数据集实例
2020/07/07 Python
海滩咖啡馆:Beach Cafe
2018/02/02 全球购物
西班牙美妆电商:Perfume’s Club(有中文站)
2018/08/08 全球购物
建筑专业自荐信范文
2014/01/05 职场文书
经典英文广告词
2014/03/18 职场文书
和睦家庭事迹
2014/05/14 职场文书
选秀节目策划方案
2014/06/06 职场文书
Docker与K8s关系介绍不会Docker也可以使用K8s
2022/06/25 Servers