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之可拖动的iframe效果代码
Aug 01 Javascript
利用JS重写Cognos右键菜单的实现代码
Apr 11 Javascript
jWiard 基于JQuery的强大的向导控件介绍
Oct 28 Javascript
javascript实现浏览器窗口传递参数的方法
Sep 03 Javascript
javascript实现检验的各种规则
Jul 31 Javascript
jQuery实现form表单元素序列化为json对象的方法
Dec 09 Javascript
Javascript中indexOf()和lastIndexOf应用方法实例
Aug 24 Javascript
详解Angular 4.x NgTemplateOutlet
May 24 Javascript
微信小程序数字滚动插件使用详解
Feb 02 Javascript
详解使用jQuery.i18n.properties实现js国际化
May 04 jQuery
微信小程序如何调用新闻接口实现列表循环
Jul 02 Javascript
Javascript数组及类数组相关原理详解
Oct 29 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 反射机制实现动态代理的代码
2008/10/22 PHP
php实现字符串反转输出的方法
2015/03/14 PHP
PHP模拟asp中response类实现方法
2015/08/08 PHP
Flash对联广告的关闭按钮讨论
2007/01/30 Javascript
百度移动版的url编码解码示例
2014/04/29 Javascript
Node.js和MongoDB实现简单日志分析系统
2015/04/25 Javascript
JavaScript中的toUTCString()方法使用详解
2015/06/12 Javascript
javascript实现textarea中tab键的缩排处理方法
2015/06/26 Javascript
js实现三张图(文)片一起切换的banner焦点图
2015/08/25 Javascript
JavaScript实现打开链接页面的方式汇总
2016/06/02 Javascript
NodeJs读取JSON文件格式化时的注意事项
2016/09/25 NodeJs
vue的props实现子组件随父组件一起变化
2016/10/27 Javascript
浅谈angular2的http请求返回结果的subcribe注意事项
2017/03/01 Javascript
Bootstrap警告(Alerts)的实现方法
2017/03/22 Javascript
在vue使用clipboard.js进行一键复制文本的实现示例
2019/01/15 Javascript
使用Vue开发自己的Chrome扩展程序过程详解
2019/06/21 Javascript
Vue中消息横向滚动时setInterval清不掉的问题及解决方法
2019/08/23 Javascript
微信小程序使用GoEasy实现websocket实时通讯
2020/05/19 Javascript
js实现自定义滚动条的示例
2020/10/27 Javascript
vue 获取url里参数的两种方法小结
2020/11/12 Javascript
利用Python找出序列中出现最多的元素示例代码
2017/12/08 Python
python导入csv文件出现SyntaxError问题分析
2017/12/15 Python
100行Python代码实现自动抢火车票(附源码)
2018/01/11 Python
对python的unittest架构公共参数token提取方法详解
2018/12/17 Python
Python对象与引用的介绍
2019/01/24 Python
详解Python3 对象组合zip()和回退方式*zip
2019/05/15 Python
如何用python处理excel表格
2020/06/09 Python
Python实现一个优先级队列的方法
2020/07/31 Python
全球速卖通西班牙站:AliExpress西班牙
2017/10/30 全球购物
澳大利亚在线生活方式商店:Mytopia
2018/07/08 全球购物
推广普通话演讲稿
2014/05/23 职场文书
模具专业自荐信
2014/05/29 职场文书
学习教师法的心得体会
2014/09/03 职场文书
优秀的商业计划书,让融资一步到位
2019/05/07 职场文书
Python中的datetime包与time包包和模块详情
2022/02/28 Python
德劲DE1102数字调谐收音机机评
2022/04/07 无线电