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函数ajax
Aug 20 Javascript
跟着JQuery API学Jquery 之三 筛选
Apr 09 Javascript
本地对象Array的原型扩展实现代码
Dec 04 Javascript
jquery.validate分组验证代码
Mar 17 Javascript
javascript中input中readonly和disabled区别介绍
Oct 23 Javascript
JS中prototype关键字的功能介绍及使用示例
Jul 21 Javascript
node.js中使用socket.io的方法
Dec 15 Javascript
javascript实现根据iphone屏幕方向调用不同样式表的方法
Jul 13 Javascript
深入浅析JavaScript中的作用域和上下文
Mar 26 Javascript
JavaScript必知必会(九)function 说起 闭包问题
Jun 08 Javascript
vue-router单页面路由
Jun 17 Javascript
JS数组去重常用方法实例小结【4种方法】
May 28 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 COOKIE立即生效,不用刷新就可以使用
2011/03/09 PHP
phpMyAdmin出现无法载入 mcrypt 扩展,请检查PHP配置的解决方法
2012/03/26 PHP
在yii中新增一个用户验证的方法详解
2013/06/20 PHP
分享ThinkPHP3.2中关联查询解决思路
2015/09/20 PHP
jQuery UI-Draggable 参数集合
2010/01/10 Javascript
JavaScript 设计模式 安全沙箱模式
2010/09/24 Javascript
基于jquery可配置循环左右滚动例子
2011/09/09 Javascript
JS 模态对话框和非模态对话框操作技巧汇总
2013/04/15 Javascript
jquery animate实现鼠标放上去显示离开隐藏效果
2013/07/21 Javascript
js中关于一个分号的崩溃示例
2013/11/11 Javascript
浅谈javascript面向对象程序设计
2015/01/21 Javascript
javascript动态添加checkbox复选框的方法
2015/12/23 Javascript
js仿百度登录页实现拖动窗口效果
2016/03/11 Javascript
javascript实现的猜数小游戏完整实例代码
2016/05/10 Javascript
jquery获取img的src值的简单实例
2016/05/17 Javascript
JSON字符串和对象相互转换实例分析
2016/06/16 Javascript
Jquery Easyui进度条组件Progress使用详解(8)
2020/03/26 Javascript
使用JavaScript实现在页面中显示距离2017年中秋节的天数
2017/09/26 Javascript
Angular实现的简单查询天气预报功能示例
2017/12/27 Javascript
《javascript设计模式》学习笔记五:Javascript面向对象程序设计工厂模式实例分析
2020/04/08 Javascript
[00:47]DOTA2荣耀之路6:天火,天火!
2018/05/30 DOTA
Python 文件重命名工具代码
2009/07/26 Python
python2.7的编码问题与解决方法
2016/10/04 Python
python中pandas.DataFrame排除特定行方法示例
2017/03/12 Python
Django框架实现的分页demo示例
2019/05/25 Python
python 图片去噪的方法示例
2019/07/09 Python
将python运行结果保存至本地文件中的示例讲解
2019/07/11 Python
pyecharts调整图例与各板块的位置间距实例
2020/05/16 Python
详解使用scrapy进行模拟登陆三种方式
2021/02/21 Python
Perricone MD裴礼康美国官网:抗衰老护肤品
2016/09/26 全球购物
Joules美国官网:出色的英国风格
2017/10/30 全球购物
2014年大学庆元旦迎新年活动方案
2014/03/09 职场文书
公司户外活动总结
2014/07/04 职场文书
项目委托协议书(最新)
2014/09/13 职场文书
医学专业大学生职业生涯规划书
2014/10/25 职场文书
担保公司2015年终工作总结
2015/10/14 职场文书