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 DOM学习第四章 getElementByTagNames
Feb 19 Javascript
javascript中substr,substring,slice.splice的区别说明
Nov 25 Javascript
Jquery事件的连接使用示例
Jun 18 Javascript
详解js图片轮播效果实现原理
Dec 17 Javascript
详解Javascript数据类型的转换规则
Dec 12 Javascript
基于JS脚本语言的基础语法详解
Jul 22 Javascript
JS实现手写parseInt的方法示例
Sep 24 Javascript
微信小程序实战篇之购物车的实现代码示例
Nov 30 Javascript
Vue项目History模式404问题解决方法
Oct 31 Javascript
微信小程序实现bindtap等事件传参
Apr 08 Javascript
VUEX 数据持久化,刷新后重新获取的例子
Nov 12 Javascript
原生JavaScript实现的无缝滚动功能详解
Jan 17 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原理的opcodes(操作码)
2010/10/26 PHP
第4章 数据处理-php数组的处理-郑阿奇
2011/07/04 PHP
Laravel 5框架学习之数据库迁移(Migrations)
2015/04/08 PHP
Laravel 中创建 Zip 压缩文件并提供下载的实现方法
2019/04/02 PHP
javascript之大字符串的连接的StringBuffer 类
2007/05/08 Javascript
jQuery 源码分析笔记(4) Ready函数
2011/06/02 Javascript
jQuery插件开发基础简单介绍
2013/01/07 Javascript
js中方法重载如何实现?以及函数的参数问题
2013/08/01 Javascript
jquery动态添加元素事件失效问题解决方法
2014/05/23 Javascript
javascript父、子页面交互技巧总结
2014/08/08 Javascript
node.js中的favicon.ico请求问题处理
2014/12/15 Javascript
用JavaScript显示浏览器客户端信息的超相近教程
2015/06/18 Javascript
jquery实现漫天雪花飞舞的圣诞祝福雪花效果代码分享
2015/08/20 Javascript
jQuery实现的简单折叠菜单(折叠面板)效果代码
2015/09/16 Javascript
js图片轮播手动切换效果
2015/11/10 Javascript
jquery无限级联下拉菜单简单实例演示
2015/11/23 Javascript
BootStrap实现响应式布局导航栏折叠隐藏效果(在小屏幕、手机屏幕浏览时自动折叠隐藏)
2016/11/30 Javascript
javascript 缓冲运动框架的实现
2017/09/29 Javascript
vue更改数组中的值实例代码详解
2020/02/07 Javascript
[01:02:38]DOTA2-DPC中国联赛定级赛 LBZS vs Phoenix BO3第二场 1月10日
2021/03/11 DOTA
Python函数中的函数(闭包)用法实例
2016/03/15 Python
用tensorflow实现弹性网络回归算法
2018/01/09 Python
Python实现matplotlib显示中文的方法详解
2018/02/06 Python
Python实用库 PrettyTable 学习笔记
2019/08/06 Python
python使用Matplotlib改变坐标轴的默认位置
2019/10/18 Python
Python+Redis实现布隆过滤器
2019/12/08 Python
Python退出时强制运行一段代码的实现方法
2020/04/29 Python
阿里健康官方海外旗舰店:阿里健康国际自营
2017/11/24 全球购物
美国班级戒指、帽子和礼服、毕业产品、年鉴:Balfour
2018/11/01 全球购物
美国最大的购物网站:Amazon.com(亚马逊美国)
2020/05/23 全球购物
学校大课间活动方案
2014/01/30 职场文书
人力管理专业毕业生求职信
2014/02/27 职场文书
卖房协议书样本
2014/10/30 职场文书
婚礼答谢礼品
2015/01/20 职场文书
python画条形图的具体代码
2022/04/20 Python
Golang实现可重入锁的示例代码
2022/05/25 Golang