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代码
Nov 20 Javascript
jquery 查找新建元素代码
Jul 06 Javascript
thinkphp 表名 大小写 窍门
Feb 01 Javascript
javascript实现多级联动下拉菜单的方法
Feb 06 Javascript
js实现的Easy Tabs选项卡用法实例
Sep 06 Javascript
Bootstrap每天必学之面板
Nov 30 Javascript
DIV随滚动条滚动而滚动的实现代码【推荐】
Apr 12 Javascript
JavaScript职责链模式概述
Sep 17 Javascript
利用node.js制作命令行工具方法教程(一)
Jun 22 Javascript
浅谈Vue.js应用的四种AJAX请求数据模式
Aug 30 Javascript
在一个页面实现两个zTree联动的方法
Dec 20 Javascript
js canvas实现二维码和图片合成的海报
Nov 19 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
CodeIgniter辅助之第三方类库third_party用法分析
2016/01/20 PHP
php的socket编程详解
2016/11/20 PHP
PHP使用PHPExcel实现批量上传到数据库的方法
2017/06/08 PHP
PHP实现打包zip并下载功能
2018/06/12 PHP
jquery插件制作 图片走廊 gallery
2012/08/17 Javascript
JS仿百度搜索自动提示框匹配查询功能
2013/11/21 Javascript
javascript实现回车键提交表单方法总结
2015/01/10 Javascript
jquery自定义插件开发之window的实现过程
2016/05/06 Javascript
Bootstrap模态框水平垂直居中与增加拖拽功能
2016/11/09 Javascript
浅析从vue源码看观察者模式
2018/01/29 Javascript
JS设计模式之观察者模式实现实时改变页面中金额数的方法
2018/02/05 Javascript
解决在vue项目中,发版之后,背景图片报错,路径不对的问题
2018/03/06 Javascript
vue组件name的作用小结
2018/05/23 Javascript
AngularJS 前台分页实现的示例代码
2018/06/07 Javascript
详解easyui 切换主题皮肤
2019/04/04 Javascript
layer弹出层扩展主题的方法
2019/09/11 Javascript
js实现打字小游戏
2019/12/17 Javascript
webpack.DefinePlugin与cross-env区别详解
2020/02/23 Javascript
详解Vue+elementUI build打包部署后字体图标丢失问题
2020/07/13 Javascript
python正则表达式修复网站文章字体不统一的解决方法
2013/02/21 Python
使用python开发vim插件及心得分享
2014/11/04 Python
Python合并字符串的3种方法
2015/05/21 Python
简单谈谈Python中的几种常见的数据类型
2017/02/10 Python
详解python函数传参是传值还是传引用
2018/01/16 Python
pandas删除指定行详解
2019/04/04 Python
Python 3.8新特征之asyncio REPL
2019/05/28 Python
python基础 range的用法解析
2019/08/23 Python
如何基于python实现不邻接植花
2020/05/01 Python
详解Python IO口多路复用
2020/06/17 Python
详解Python中的GIL(全局解释器锁)详解及解决GIL的几种方案
2021/01/29 Python
女士和男士时尚鞋在线购物:Shoespie
2019/02/28 全球购物
Furla官网:意大利著名的皮革品牌
2019/08/06 全球购物
波兰在线香水店:Perfumy.pl
2019/08/12 全球购物
步步惊心观后感
2015/06/12 职场文书
聊聊Python中关于a=[[]]*3的反思
2021/06/02 Python
golang的文件创建及读写操作
2022/04/14 Golang