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实现计算两个日期的间隔天数
Aug 14 Javascript
使用 JScript 创建 .exe 或 .dll 文件的方法
Jul 13 Javascript
IE6、IE7中获取Button元素的值的bug说明
Aug 28 Javascript
javascript中全局对象的isNaN()方法使用介绍
Dec 19 Javascript
JavaScript中使用自然对数ln的方法
Jun 14 Javascript
在DWR中实现直接获取一个JAVA类的返回值的两种方法
Dec 25 Javascript
原生js开发的日历插件
Feb 04 Javascript
javascript  数组排序与对象排序的实例
Jul 17 Javascript
js根据json数据中的某一个属性来给数据分组的方法
Oct 08 Javascript
vue2 拖动排序 vuedraggable组件的实现
Aug 08 Javascript
JavaScript对象原型链原理解析
Jan 22 Javascript
解决vue项目 build之后资源文件找不到的问题
Sep 12 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
PHP4中实现动态代理
2006/10/09 PHP
PHP 设置MySQL连接字符集的方法
2011/01/02 PHP
php多维数组去掉重复值示例分享
2014/03/02 PHP
php正则表达式基本知识与应用详解【经典教程】
2017/04/17 PHP
php验证码生成器
2017/05/24 PHP
PHP实现PDO操作mysql存储过程示例
2019/02/13 PHP
ThinkPHP5.0框架结合Swoole开发实现WebSocket在线聊天案例详解
2019/04/02 PHP
thinkphp5框架结合mysql实现微信登录和自定义分享链接与图文功能示例
2019/08/13 PHP
php设计模式之备忘模式分析【星际争霸游戏案例】
2020/03/24 PHP
js 调整select 位置的函数
2008/02/21 Javascript
javascript 特殊字符串
2009/02/25 Javascript
javascript 清空form表单中某种元素的值
2009/12/26 Javascript
基于jquery实现状态限定编辑的代码
2012/02/11 Javascript
基于jquery的跟随屏幕滚动代码
2012/07/24 Javascript
JavaScript两种跨域技术全面介绍
2014/04/16 Javascript
用Jquery.load载入页面后样式没了页面混乱的解决方法
2014/10/20 Javascript
一个JavaScript防止表单重复提交的实例
2014/10/21 Javascript
jQuery左侧大图右侧小图焦点图幻灯切换代码分享
2015/08/19 Javascript
jQuery鼠标事件总结
2016/10/13 Javascript
[原创]JS基于FileSaver.js插件实现文件保存功能示例
2016/12/08 Javascript
使用Webpack提高Vue.js应用的方式汇总(四种)
2017/07/10 Javascript
使用Dropzone.js上传的示例代码
2017/10/10 Javascript
vue router 跳转后回到顶部的实例
2018/08/31 Javascript
ES6 class的应用实例分析
2019/06/27 Javascript
[53:13]DOTA2-DPC中国联赛 正赛 DLG vs PHOENIX BO3 第三场 1月18日
2021/03/11 DOTA
Python写的服务监控程序实例
2015/01/31 Python
使用Python解析JSON数据的基本方法
2015/10/15 Python
Python实现二叉堆
2016/02/03 Python
python交易记录整合交易类详解
2019/07/03 Python
PyPDF2读取PDF文件内容保存到本地TXT实例
2020/05/12 Python
Python  word实现读取及导出代码解析
2020/07/09 Python
python调用百度API实现人脸识别
2020/11/17 Python
python 读取yaml文件的两种方法(在unittest中使用)
2020/12/01 Python
python学习之使用Matplotlib画实时的动态折线图的示例代码
2021/02/25 Python
公司员工离职证明书
2014/10/04 职场文书
springboot集成springCloud中gateway时启动报错的解决
2021/07/16 Java/Android