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 相关文章推荐
用js小类库获取浏览器的高度和宽度信息
Jan 15 Javascript
Js日期选择自动填充到输入框(界面漂亮兼容火狐)
Aug 02 Javascript
jQuery避免$符和其他JS库冲突的方法对比
Feb 20 Javascript
node.js中的fs.fchmodSync方法使用说明
Dec 16 Javascript
详解JavaScript中的forEach()方法的使用
Jun 08 Javascript
JS+CSS实现六级网站导航主菜单效果
Sep 28 Javascript
JavaScript循环遍历你会用哪些之小结篇
Sep 28 Javascript
详解Vue+Element的动态表单,动态表格(后端发送配置,前端动态生成)
Apr 20 Javascript
借助云开发实现小程序短信验证码的发送
Jan 06 Javascript
原生JavaScript实现的无缝滚动功能详解
Jan 17 Javascript
微信小程序scroll-view实现滚动到锚点左侧导航栏点餐功能(点击种类,滚动到锚点)
Jun 11 Javascript
Vue中computed和watch有哪些区别
Dec 19 Vue.js
浅谈被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
天使彦史上最神还原,性别曝光的那一刻,百万网友恋爱了
2020/03/02 国漫
浅谈Eclipse PDT调试PHP程序
2014/06/09 PHP
PHP实现文件下载断点续传详解
2014/10/15 PHP
详解php curl带有csrf-token验证模拟提交方法
2018/04/18 PHP
PhpStorm 如何优雅的调试Hyperf的方法步骤
2019/11/24 PHP
JavaScript中数组对象的那些自带方法介绍
2013/03/12 Javascript
jQuery中$.fn的用法示例介绍
2013/11/05 Javascript
jquery 扑捉回车键事件代码
2014/04/24 Javascript
javascript单引号和双引号的区别和处理
2014/05/14 Javascript
node.js开发中使用Node Supervisor实现监测文件修改并自动重启应用
2014/11/04 Javascript
浅谈利用JavaScript进行的DDoS攻击原理与防御
2015/06/04 Javascript
移除AngularJS下URL中的#字符的方法
2015/06/19 Javascript
推荐10 个很棒的 jQuery 特效代码
2015/10/04 Javascript
AngularJs实现ng1.3+表单验证
2015/12/10 Javascript
详解javascript中原始数据类型Null和Undefined
2015/12/17 Javascript
jquery实现一个简单的表单验证实例
2016/03/30 Javascript
详解Vue路由开启keep-alive时的注意点
2017/06/20 Javascript
判断div滑动到底部的scroll实例代码
2017/11/15 Javascript
security.js实现的RSA加密功能示例
2018/06/06 Javascript
JS实现获取毫秒值及转换成年月日时分秒的方法
2018/08/15 Javascript
微信小程序自定义底部导航带跳转功能
2018/11/27 Javascript
关于vue状态过渡transition不起作用的原因解决
2019/04/09 Javascript
js实现的格式化数字和金额功能简单示例
2019/07/30 Javascript
详解三种方式在React中解决绑定this的作用域问题并传参
2020/08/18 Javascript
JS+CSS实现过渡特效
2021/01/02 Javascript
跟老齐学Python之玩转字符串(2)
2014/09/14 Python
Python图算法实例分析
2016/08/13 Python
Python函数__new__及__init__作用及区别解析
2020/08/31 Python
浅析Python 字符编码与文件处理
2020/09/24 Python
HTML5+CSS3实现无插件拖拽上传图片(支持预览与批量)
2017/01/05 HTML / CSS
什么是Smarty变量操作符?如何使用Smarty变量操作符
2014/07/18 面试题
What is the purpose of Void class? Void类的作用是什么?
2016/10/31 面试题
医药营销专业个人自荐信
2013/09/29 职场文书
2014年教师培训的自我评价
2014/01/03 职场文书
银行自荐信怎么写
2015/03/05 职场文书
ORACLE数据库对long类型字段进行模糊匹配的解决思路
2021/04/07 Oracle