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 相关文章推荐
prototype 中文参数乱码解决方案
Nov 09 Javascript
JQuery表单验证插件EasyValidator用法分析
Nov 15 Javascript
JavaScript设计模式之建造者模式介绍
Dec 28 Javascript
理解javascript中的原型和原型链
Jul 30 Javascript
基于jquery实现人物头像跟随鼠标转动
Aug 23 Javascript
JS实现在状态栏显示打字效果完整实例
Nov 02 Javascript
一个超简单的jQuery回调函数例子(分享)
Aug 08 Javascript
浅谈jQuery中hide和fadeOut的区别 show和fadeIn的区别
Aug 18 Javascript
js自制图片放大镜功能
Jan 24 Javascript
Vue3.0 响应式系统源码逐行分析讲解
Oct 14 Javascript
vue element-ui中table合计指定列求和实例
Nov 02 Javascript
Vue实现简易购物车页面
Dec 30 Vue.js
浅谈被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 图像尺寸调整代码
2010/05/26 PHP
PHP使用Redis长连接的方法详解
2018/02/12 PHP
Add a Picture to a Microsoft Word Document
2007/06/15 Javascript
js 数组的for循环到底应该怎么写?
2010/05/31 Javascript
Extjs中ComboBox加载并赋初值的实现方法
2012/03/22 Javascript
js生成动态表格并为每个单元格添加单击事件的方法
2014/04/14 Javascript
ExtJs动态生成treepanel的Json格式
2015/07/19 Javascript
js实现表单Radio切换效果的方法
2015/08/17 Javascript
Javascript中浏览器窗口的基本操作总结
2016/08/18 Javascript
浅谈angularjs $http提交数据探索
2017/01/20 Javascript
jQuery实现所有验证通过方可提交的表单验证
2017/11/21 jQuery
vue中js判断长时间不操作界面自动退出登录(推荐)
2020/01/22 Javascript
vue 实现锚点功能操作
2020/08/10 Javascript
python获取beautifulphoto随机某图片代码实例
2013/12/18 Python
Python一句代码实现找出所有水仙花数的方法
2018/11/13 Python
python 字典 setdefault()和get()方法比较详解
2019/08/07 Python
Python实现投影法分割图像示例(一)
2020/01/17 Python
python实现图书馆抢座(自动预约)功能的示例代码
2020/09/29 Python
PyQt5通过信号实现MVC的示例
2021/02/06 Python
Python自动化测试基础必备知识点总结
2021/02/07 Python
英国网上花店:Bunches
2016/11/29 全球购物
The North Face北面英国官网:美国著名户外品牌
2017/12/13 全球购物
澳大利亚快时尚鞋类市场:Billini
2018/05/20 全球购物
英国美术用品购物网站:Cass Art
2019/10/08 全球购物
serialVersionUID具有什么样的特征
2014/02/20 面试题
C语言编程题
2015/03/09 面试题
集中整治工作方案
2014/05/01 职场文书
"9.18"国耻日演讲稿范文
2014/09/14 职场文书
上班迟到检讨书范文
2015/05/06 职场文书
网吧温馨提示
2015/07/17 职场文书
2016教师节感恩话语
2015/12/09 职场文书
全国劳模先进事迹材料(2016精选版)
2016/02/25 职场文书
2019个人工作自我评价范文(3篇)
2019/09/19 职场文书
创业计划书之服装
2019/10/07 职场文书
Python制作表白爱心合集
2022/01/22 Python
python区块链实现简版工作量证明
2022/05/25 Python