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 相关文章推荐
QQ邮箱的一个文本编辑器代码
Mar 14 Javascript
Knockoutjs的环境搭建教程
Nov 26 Javascript
基于JQuery实现的图片自动进行缩放和裁剪处理
Jan 31 Javascript
谈谈JavaScript异步函数发展历程
Sep 29 Javascript
解决js页面滚动效果scrollTop在FireFox与Chrome浏览器间的兼容问题的方法
Dec 03 Javascript
JavaScript中关键字 in 的使用方法详解
Oct 17 Javascript
Vue.js父与子组件之间传参示例
Feb 28 Javascript
vue 中自定义指令改变data中的值
Jun 02 Javascript
浅谈angularJS的$watch失效问题的解决方案
Aug 11 Javascript
详解.vue文件解析的实现
Jun 11 Javascript
vue实现全匹配搜索列表内容
Sep 26 Javascript
Node.js中出现未捕获异常的处理方法
Jun 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
判断Keep-Alive模式的HTTP请求的结束的实现代码
2011/08/06 PHP
PHP面向对象法则
2012/02/23 PHP
解析PHP中的正则表达式以及模式匹配
2013/06/19 PHP
探讨:php中在foreach中使用foreach ($arr as &amp;$value) 这种类型的解释
2013/06/24 PHP
javascript支持firefox,ie7页面布局拖拽效果代码
2007/12/20 Javascript
jquery 插件 人性化的消息显示
2008/01/21 Javascript
JavaScript入门教程 Cookies
2009/01/31 Javascript
如何使用jQUery获取选中radio对应的值(一句代码)
2013/06/03 Javascript
jquery 获取表单元素里面的值示例代码
2013/07/28 Javascript
实现网页页面跳转的几种方法(meta标签、js实现、php实现)
2014/05/20 Javascript
a标签click和href执行顺序探讨
2014/06/23 Javascript
一个不错的字符串转码解码函数(自写)
2014/07/31 Javascript
浅谈JavaScript中null和undefined
2015/07/09 Javascript
快速学习JavaScript的6个思维技巧
2015/10/13 Javascript
从零学习node.js之简易的网络爬虫(四)
2017/02/22 Javascript
微信小程序实现上传图片裁剪图片过程解析
2019/08/22 Javascript
浅谈vue中$event理解和框架中在包含默认值外传参
2020/08/07 Javascript
vue实现tab栏点击高亮效果
2020/08/19 Javascript
解决VantUI popup 弹窗不弹出或无蒙层的问题
2020/11/03 Javascript
浅析python中的分片与截断序列
2016/08/09 Python
Python并发之多进程的方法实例代码
2018/08/15 Python
Python文件读写常见用法总结
2019/02/22 Python
谈一谈基于python的面向对象编程基础
2019/05/21 Python
python射线法判断一个点在图形区域内外
2019/06/28 Python
Python tkinter和exe打包的方法
2020/02/05 Python
浅谈CSS3中的变形功能-transform功能
2017/12/27 HTML / CSS
澳大利亚领先的在线葡萄酒零售商:Get Wines Direct
2018/03/27 全球购物
匡威俄罗斯官网:Converse俄罗斯
2020/05/09 全球购物
SQL Server笔试题
2012/01/10 面试题
旅游管理专业学生求职信
2013/09/28 职场文书
家长通知书教师评语
2014/04/17 职场文书
《爱的教育》读书心得
2014/11/08 职场文书
SpringBoot实现异步事件驱动的方法
2021/06/28 Java/Android
关于CentOS 8 搭建MongoDB4.4分片集群的问题
2021/10/24 MongoDB
使用javascript解析二维码的三种方式
2021/11/11 Javascript
WINDOWS 64位 下安装配置mysql8.0.25最详细的教程
2022/03/22 MySQL