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 相关文章推荐
HTML5使用DeviceOrientation实现摇一摇功能
Jun 05 Javascript
详解Bootstrap创建表单的三种格式(一)
Jan 04 Javascript
javascript嵌套函数和在函数内调用外部函数的区别分析
Jan 31 Javascript
Bootstrap中datetimepicker使用小结
Dec 28 Javascript
vue实现todolist单页面应用
Apr 11 Javascript
vue实现百度搜索下拉提示功能实例
Jun 14 Javascript
微信小程序实现动态改变view标签宽度和高度的方法【附demo源码下载】
Dec 05 Javascript
vue实现图片滚动的示例代码(类似走马灯效果)
Mar 03 Javascript
Angular 容器部署的方法
Apr 17 Javascript
node.js中express模块创建服务器和http模块客户端发请求
Mar 06 Javascript
Flutter部件内部状态管理小结之实现Vue的v-model功能
Jun 11 Javascript
Electron实现应用打包、自动升级过程解析
Jul 07 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
ajax取消挂起请求的处理方法
2013/03/18 PHP
ubuntu12.04使用c编写php扩展模块教程分享
2013/12/25 PHP
19个超实用的PHP代码片段
2014/03/14 PHP
ecshop实现smtp发送邮件
2015/02/03 PHP
JS中字符问题(二进制/十进制/十六进制及ASCII码之间的转换)
2008/11/03 Javascript
struts2 jquery 打造无限层次的树
2009/10/23 Javascript
基于jQuery的弹出消息插件 DivAlert之旅(一)
2010/04/01 Javascript
jquery tab标签页的制作
2010/05/10 Javascript
jQuery实现图片预加载效果
2015/11/27 Javascript
Javascript数组中push方法用法分析
2016/10/31 Javascript
从零学习node.js之简易的网络爬虫(四)
2017/02/22 Javascript
Angular中$state.go页面跳转并传递参数的方法
2017/05/09 Javascript
浅谈FastClick 填坑及源码解析
2018/03/02 Javascript
Node.js API详解之 module模块用法实例分析
2020/05/13 Javascript
JavaScript 引用类型实例详解【数组、对象、严格模式等】
2020/05/13 Javascript
vue实现购物车列表
2020/06/30 Javascript
JS如何调用WebAssembly编译出来的.wasm文件
2020/11/05 Javascript
Python复制文件操作实例详解
2015/11/10 Python
Python守护进程和脚本单例运行详解
2017/01/06 Python
详解Python安装scrapy的正确姿势
2018/06/26 Python
在python plt图表中文字大小调节的方法
2019/07/08 Python
Python基于当前时间批量创建文件
2020/05/07 Python
Python+Opencv实现把图片、视频互转的示例
2020/12/17 Python
Python编写万花尺图案实例
2021/01/03 Python
如何用python实现一个HTTP连接池
2021/01/14 Python
css3 transform 3d 使用css3创建动态3d立方体(html5实践)
2013/01/06 HTML / CSS
个人自我评价和职业目标
2014/01/24 职场文书
小学庆六一活动方案
2014/02/28 职场文书
实习生评语
2014/04/26 职场文书
党章培训心得体会
2014/09/04 职场文书
2014-2015学年工作总结
2014/11/27 职场文书
儿园租房协议书范本
2014/12/02 职场文书
货款欠条范本
2015/07/03 职场文书
2016年中秋祝酒词
2015/11/26 职场文书
导游词之西递宏村
2019/12/10 职场文书
《妈妈别哭,有我在》读后感3篇
2020/01/13 职场文书