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 闭包基础分享
Jul 10 Javascript
jQuery实现用户注册的表单验证示例
Aug 28 Javascript
jQuery中 prop() attr()使用详解
May 19 Javascript
jQuery position() 函数详解以及jQuery中position函数的应用
Dec 14 Javascript
Bootstrap Table从服务器加载数据进行显示的实现方法
Sep 29 Javascript
JavaScript如何实现图片懒加载(lazyload) 提高用户体验(增强版)
Nov 30 Javascript
完美解决jQuery 鼠标快速滑过后,会执行多次滑出的问题
Dec 08 Javascript
JavaScript和JQuery获取DIV值的方法示例
Mar 07 Javascript
Node.js开发第三方微信公众平台
Jun 05 Javascript
JS实现按钮颜色切换效果
Sep 05 Javascript
使用jquery模拟a标签的click事件无法实现跳转的解决
Dec 04 jQuery
vue3.0 上手体验
Sep 21 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控制linux服务器常用功能 关机 重启 开新站点等
2012/09/05 PHP
JoshChen_web格式编码UTF8-无BOM的小细节分析
2013/08/16 PHP
destoon实现调用当前栏目分类及子分类和三级分类的方法
2014/08/21 PHP
php中关于socket的系列函数总结
2015/05/18 PHP
thinkPHP5框架auth权限控制类与用法示例
2018/06/12 PHP
Jquery Validation插件防止重复提交表单的解决方法
2010/03/05 Javascript
js格式化时间小结
2014/11/03 Javascript
JavaScript版的TwoQueues缓存模型
2014/12/29 Javascript
javascript实现的闭包简单实例
2015/07/17 Javascript
JavaScript类型系统之Object详解
2016/01/07 Javascript
初识angular框架后的所思所想
2016/02/19 Javascript
纯JS前端实现分页代码
2016/06/21 Javascript
深入浅出 jQuery中的事件机制
2016/08/23 Javascript
vue-resourse将json数据输出实例
2017/03/08 Javascript
JavaScript中正则表达式判断匹配规则及常用方法
2017/08/03 Javascript
使用JavaScript实现在页面中显示距离2017年中秋节的天数
2017/09/26 Javascript
将Sublime Text 3 添加到右键中的简单方法
2017/12/12 Javascript
小程序ios音频播放没声音问题的解决
2018/07/11 Javascript
vue3.0 CLI - 2.6 - 组件的复用入门教程
2018/09/14 Javascript
vue3实现v-model原理详解
2019/10/09 Javascript
vue中动态select的使用方法示例
2019/10/28 Javascript
javascript设计模式 ? 装饰模式原理与应用实例分析
2020/04/14 Javascript
微信小程序scroll-view实现滚动到锚点左侧导航栏点餐功能(点击种类,滚动到锚点)
2020/06/11 Javascript
python显示天气预报
2014/03/02 Python
Python入门篇之列表和元组
2014/10/17 Python
使用TensorFlow实现SVM
2018/09/06 Python
python操作小程序云数据库实现简单的增删改查功能
2019/06/06 Python
pytorch 图像中的数据预处理和批标准化实例
2020/01/15 Python
jupyter notebook oepncv 显示一张图像的实现
2020/04/24 Python
汇源肾宝广告词
2014/03/20 职场文书
房屋买卖委托公证书
2014/04/08 职场文书
大学生党员自我评价范文
2014/04/09 职场文书
供货协议书范本
2014/04/22 职场文书
校外活动方案
2014/08/28 职场文书
负责培养人意见
2015/06/05 职场文书
初中语文教学随笔
2015/08/15 职场文书