jQuery中 attr() 方法使用小结


Posted in Javascript onMay 03, 2015

定义和用法

attr() 方法设置或返回被选元素的属性值。

根据该方法不同的参数,其工作方式也有所差异。

实例1

设置被选元素的属性和值。

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("img").attr("width","180");
});
});
</script>
</head>
<body>
<img src="/i/eg_smile.gif" />
<br />
<button>设置图像的 width 属性</button>
</body>
</html>

实例2

返回被选元素的属性值。

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
alert("Image width " + $("img").attr("width"));
});
});
</script>
</head>
<body>
<img src="/i/eg_smile.gif" width="128" height="128" />
<br />
<button>返回图像的宽度</button>
</body>
</html>

以上所述就是本文的全部内容了,希望大家能够喜欢。

Javascript 相关文章推荐
JAVASCRIPT 对象的创建与使用
Mar 09 Javascript
Javascript 网页黑白效果实现代码(兼容IE/FF等)
Apr 23 Javascript
Firefox下无法正常显示年份的解决方法
Sep 04 Javascript
JS实现添加,替换,删除节点元素的方法
Jun 30 Javascript
JavaScript中关于for循环删除数组元素内容时出现的问题
Nov 21 Javascript
jQuery代码实现实时获取时间
Jan 29 Javascript
js通过keyCode值判断单击键盘上某个键,然后触发指定的事件方法
Feb 19 Javascript
用 js 写一个 js 解释器过程详解
Aug 02 Javascript
Node.js安装详细步骤教程(Windows版)详解
Sep 01 Javascript
vue 项目打包时样式及背景图片路径找不到的解决方式
Nov 12 Javascript
JS实现拖动模糊框特效
Aug 25 Javascript
js实现点击选项置顶动画效果
Aug 25 Javascript
浅谈被jQuery抛弃的函数及替代函数
May 03 #Javascript
jQuery的几个我们必须了解的特点
May 03 #Javascript
jQuery的css() 方法使用指南
May 03 #Javascript
面向切面编程(AOP)的理解
May 01 #Javascript
yui3的AOP(面向切面编程)和OOP(面向对象编程)
May 01 #Javascript
使用AOP改善javascript代码
May 01 #Javascript
Javascript aop(面向切面编程)之around(环绕)分析
May 01 #Javascript
You might like
php实现保存周期为1天的购物车类
2017/07/07 PHP
实例讲解YII2中多表关联的使用方法
2017/07/21 PHP
php判断/计算闰年的方法小结【三种方法】
2019/07/06 PHP
JavaScript 内置对象属性及方法集合
2010/07/04 Javascript
利用jQuery中的ajax分页实现代码
2016/02/25 Javascript
Javascript动画效果(3)
2016/10/11 Javascript
JS实现浏览上传文件的代码
2017/08/23 Javascript
Node.js利用断言模块assert进行单元测试的方法
2017/09/28 Javascript
vue项目中使用tinymce编辑器的步骤详解
2018/09/11 Javascript
如何在基于vue-cli的项目自定义打包环境
2018/11/10 Javascript
vue-cli3.0如何使用CDN区分开发、生产、预发布环境
2018/11/22 Javascript
微信小程序 函数防抖 解决重复点击消耗性能问题实现代码
2019/09/12 Javascript
JavaScript实现HTML导航栏下拉菜单
2020/11/25 Javascript
Python 可爱的大小写
2008/09/06 Python
Python找出9个连续的空闲端口
2016/02/01 Python
谈谈如何手动释放Python的内存
2016/12/17 Python
python docx 中文字体设置的操作方法
2018/05/08 Python
python在TXT文件中按照某一字符串取出该字符串所在的行方法
2018/12/10 Python
python 中的列表生成式、生成器表达式、模块导入
2019/06/19 Python
python hash每次调用结果不同的原因
2019/11/21 Python
python写文件时覆盖原来的实例方法
2020/07/22 Python
详解numpy.ndarray.reshape()函数的参数问题
2020/10/13 Python
空指针到底是什么
2012/08/07 面试题
Does C# support multiple inheritance? (C#支持多重继承吗)
2012/01/04 面试题
假面舞会策划方案
2014/05/29 职场文书
房屋租赁协议书(标准版)
2014/10/02 职场文书
党员自我剖析材料范文
2014/10/06 职场文书
工作检讨书500字
2014/10/19 职场文书
2014年检验科工作总结
2014/11/22 职场文书
夫妻双方自愿离婚协议书怎么写
2014/12/01 职场文书
病人写给医生的感谢信
2015/01/23 职场文书
推荐信范文大全
2015/03/27 职场文书
投诉信格式范文
2015/07/02 职场文书
2015年食品安全宣传周活动总结
2015/07/09 职场文书
MySQL系列之二 多实例配置
2021/07/02 MySQL
python中filter,map,reduce的作用
2022/06/10 Python