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 相关文章推荐
一款基于jQuery的图片场景标注提示弹窗特效
Jan 05 Javascript
JavaScript 里的类数组对象
Apr 08 Javascript
javascript实现通过表格绘制颜色填充矩形的方法
Apr 21 Javascript
在JavaScript中使用JSON数据
Feb 15 Javascript
Node.js本地文件操作之文件拷贝与目录遍历的方法
Feb 16 Javascript
微信小程序 页面传参实例详解
Nov 16 Javascript
使用vue-aplayer插件时出现的问题的解决
Mar 02 Javascript
jQuery.parseJSON()函数详解
Feb 28 jQuery
微信小程序发布新版本时自动提示用户更新的方法
Jun 07 Javascript
使用element-ui的el-menu导航选中后刷新页面保持当前选中状态
Jul 19 Javascript
vue + axios get下载文件功能
Sep 25 Javascript
解决vue 子组件修改父组件传来的props值报错问题
Nov 09 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
phpmyadmin 访问被拒绝的真实原因
2009/06/15 PHP
php使用ftp实现文件上传与下载功能
2017/07/21 PHP
Javascript !!的作用
2008/12/04 Javascript
jQuery 事件队列调整方法
2009/09/18 Javascript
用JavaScript隐藏控件的方法
2009/09/21 Javascript
JS实现霓虹灯文字效果的方法
2015/08/06 Javascript
微信小程序 下拉列表的实现实例代码
2017/03/08 Javascript
基于Bootstrap框架实现图片切换
2017/03/10 Javascript
vue中配置mint-ui报css错误问题的解决方法
2017/10/11 Javascript
利用JQUERY实现多个AJAX请求等待的实例
2017/12/14 jQuery
node.js使用redis储存session的方法
2018/09/26 Javascript
Webpack5正式发布,有哪些新特性
2020/10/12 Javascript
Vue 解决在element中使用$notify在提示信息中换行问题
2020/11/11 Javascript
微信小程序弹窗禁止页面滚动的实现代码
2020/12/30 Javascript
[46:25]DOTA2上海特级锦标赛主赛事日 - 4 败者组第五轮 MVP.Phx VS EG第二局
2016/03/05 DOTA
[02:06]2018完美世界全国高校联赛秋季赛开始报名(附彩蛋)
2018/09/03 DOTA
Python中pandas dataframe删除一行或一列:drop函数详解
2018/07/03 Python
python关于矩阵重复赋值覆盖问题的解决方法
2019/07/19 Python
解决在keras中使用model.save()函数保存模型失败的问题
2020/05/21 Python
Python中正则表达式对单个字符,多个字符和匹配边界等使用
2021/01/27 Python
canvas学习笔记之绘制简单路径
2019/01/28 HTML / CSS
eDreams澳大利亚:预订机票、酒店和度假产品
2017/04/19 全球购物
英国PC组件和在线电脑商店:SCAN
2019/04/18 全球购物
俄罗斯便宜的在线服装商店:GroupPrice
2020/04/10 全球购物
什么时候用assert
2015/05/08 面试题
个人自我评价分享
2013/12/20 职场文书
办公室副主任职责范本
2014/03/08 职场文书
安全生产目标管理责任书
2014/07/25 职场文书
单位实习鉴定评语
2015/01/04 职场文书
幼儿教师小班个人总结
2015/02/05 职场文书
2015年小学数学教师工作总结
2015/05/20 职场文书
辅导员学期工作总结
2015/08/14 职场文书
2017元旦、春节期间廉洁自律承诺书
2016/03/25 职场文书
python非标准时间的转换
2021/07/25 Python
Node.js实现爬取网站图片的示例代码
2022/04/04 NodeJs
MySQL聚簇索引和非聚簇索引的区别详情
2022/06/14 MySQL