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中Image对象以及对其预加载处理示例
Nov 20 Javascript
底部悬浮通栏可以关闭广告位的实现方法
Jun 01 Javascript
jquery实现全选、不选、反选的两种方法
Sep 06 Javascript
JS异步文件分片断点上传的实现思路
Dec 25 Javascript
微信小程序模板之分页滑动栏
Feb 10 Javascript
纯js实现动态时间显示
Sep 07 Javascript
Bootstrap Table 删除和批量删除
Sep 22 Javascript
深入了解响应式React Native Echarts组件
May 29 Javascript
详解从vue-loader源码分析CSS Scoped的实现
Sep 23 Javascript
在Vue中实现随hash改变响应菜单高亮
Mar 09 Javascript
vue使用过滤器格式化日期
Jan 20 Vue.js
几款主流好用的富文本编辑器(所见即所得常用编辑器)介绍
Mar 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下使用iconv需要注意的问题
2010/11/20 PHP
无需重新编译php加入ftp扩展的解决方法
2013/02/07 PHP
php使用strtotime和date函数判断日期是否有效代码分享
2013/12/25 PHP
php计算两个整数的最大公约数常用算法小结
2015/03/05 PHP
PHP仿qq空间或朋友圈发布动态、评论动态、回复评论、删除动态或评论的功能(上)
2017/05/26 PHP
使用YII2框架实现微信公众号中表单提交功能
2017/09/04 PHP
基于 Swoole 的微信扫码登录功能实现代码
2018/01/15 PHP
php分享朋友圈的实现代码
2019/02/18 PHP
js实现的日期操作类DateTime函数代码
2010/03/16 Javascript
js获取height和width的方法说明
2013/01/06 Javascript
JavaScript String.replace函数参数实例说明
2013/06/06 Javascript
JS的location.href跳出框架打开新页面的方法
2014/09/04 Javascript
JavaScript中具名函数的多种调用方式总结
2014/11/08 Javascript
深入理解JavaScript系列(27):设计模式之建造者模式详解
2015/03/03 Javascript
基于angularjs实现图片放大镜效果
2016/08/31 Javascript
jQuery Dialog 取消右上角删除按钮事件
2016/09/07 Javascript
浅谈js中用$(#ID)来作为选择器的问题(id重复的时候)
2017/02/14 Javascript
js实现抽奖效果
2017/03/27 Javascript
JS中的算法与数据结构之二叉查找树(Binary Sort Tree)实例详解
2019/08/16 Javascript
layer弹出层自定义提交取消按钮的例子
2019/09/10 Javascript
微信小程序仿通讯录功能
2020/04/09 Javascript
微信小程序onShareTimeline()实现分享朋友圈
2021/01/07 Javascript
Python实现PS滤镜碎片特效功能示例
2018/01/24 Python
Python3 max()函数基础用法
2019/02/19 Python
Pycharm新建模板默认添加个人信息的实例
2019/07/15 Python
Python3实现zip分卷压缩过程解析
2019/10/09 Python
pytorch之ImageFolder使用详解
2020/01/06 Python
HTML5学习笔记之History API
2015/02/26 HTML / CSS
Laura官网:加拿大女性的顶级时尚目的地
2019/09/20 全球购物
工商管理本科毕业生求职信范文
2013/10/05 职场文书
教育专业个人求职信
2013/12/02 职场文书
租车协议书范本
2014/04/22 职场文书
实验心得体会
2014/09/05 职场文书
毕业生见习报告总结
2014/11/08 职场文书
西安导游词
2015/02/12 职场文书
WCG2010 星际争霸决赛 Flash vs Goojila 1 星际经典比赛回顾
2022/04/01 星际争霸