<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("img").attr("width",function(n,v){//此时的V值是当前属性的宽度width
return v-50; //宽度减50
});
});
});
</script>
</head>
<body>
<img src="/i/eg_smile.gif" width="128" height="128" />
<br />
<button>减少图像的宽度 50 像素</button>
</body>
</html>
- 浏览: 332348 次
文章分类
最新评论
-
jstl1point0:
你的sleep,不在同步锁里面,在外面
java实现多线程卖票 -
wjiaoling136:
在页面上处理科学计数法的数据,除了用JS之外,fmt也是个不错 ...
java如何不显示科学计数法 -
wjiaoling136:
cursor有好多个样式呢,你这个只是用图片显示鼠标的样式。c ...
改变鼠标的样式
发表评论
-
jni学习实例(3)
2017-05-31 17:57 423Java中JNI的使用详解第三篇:JNIEnv类型中 ... -
iframe怎么post传值
2017-05-18 17:59 1116前一段时间做项目需要跨域传值,以往只用get方式传值,但是 ... -
IE7下的绑定事件与js自动触发a标签的href跳转
2017-04-28 17:05 4445js动态添加事件 转载的 http://ww ... -
浏览器解析xml与判断IE8浏览器
2017-03-28 17:05 552解析过程中,IE8及其以上,谷歌、火狐都需要解析xml, ... -
artdialog弹出层
2017-03-27 17:50 742最近做项目遇到一个比较好的弹出框,在这里做一下记录: 如 ... -
json串的页面操作
2016-09-05 17:47 583最近做项目在做一个类似于购物车的功能,点击要选择的套餐,显示 ... -
浏览器全屏操作
2016-06-28 09:57 631近期做项目涉及到浏览器全屏的操作,类似于在浏览器上按F11 ... -
css3背景图片指定显示位置
2016-06-17 17:05 869最近做项目需要为一个菜单更换图标,项目里面使用了一张大的背 ... -
JS判断浏览器是否是IE
2016-03-24 16:07 997JS判断IE浏览器很简单。直接上个例子,以后可以作为便捷代码 ... -
ajax向后台传递json数据
2016-03-24 16:04 4075ajax向后台传递json数据,由于json数据的格式限定 ... -
jquery特别好用的流程节点插件
2016-03-16 18:38 1236前一段时间做项目,需要走业务流程,于是想到了流程节点,发现了一 ... -
Java验证码的生成
2016-02-05 10:55 1379Java 的生成验证码生成 ... -
HTML5折叠菜单
2016-02-04 17:53 861在网上找的,感觉还可以。保存着以后可能用的到。 -
img图片加载完成以及canvas转图片为base64编码
2015-12-16 18:37 2487之前做项目有个图片转base64编码,我用的是html5的c ... -
地址栏传递中文参数到后台乱码
2015-11-30 18:11 4627ajax穿中文参数在后台乱码,这是个常见的问题,我在这里总 ... -
echarts显示地图以及jQuery地域选择器插件
2015-11-26 21:11 7502前几天再做项目的时候用到了echarts的map显示。由于 ... -
return的用法
2014-08-19 16:44 1106return想必大家很熟悉,但是我们对它的用法有时候还是很 ... -
jquery 中filter和find的区别 (转)
2014-07-02 16:30 799jquery 中filter和find的区别 (2 ... -
jquery ready function 与window.onload的区别(转)
2014-07-02 16:19 7081.执行时间 window.onload必 ... -
layer弹出层+tips提示
2014-07-02 15:41 1500有一些提示用弹出层不太好,所以用tips提示比较好。弹出层可 ...
相关推荐
**jQuery的attr方法详解** 在JavaScript的世界里,jQuery库以其简洁的API和强大的功能深受开发者喜爱。其中,`attr`方法是jQuery中的一个重要成员,它主要用于获取或设置HTML元素的属性(attribute)。本文将深入...
2. **链式操作**: jQuery对象支持链式调用,这意味着一个方法调用结束后可以直接调用另一个方法,如`$("#element").hide().fadeIn()` 3. **DOM操作**: jQuery提供了便利的DOM操作方法,如`append()`用于在元素末尾...
以上只是jQuery核心API的一部分,实际使用中还有更多的方法和功能,如AJAX的全局事件、插件机制等。通过熟练掌握这些基础API,开发者可以轻松实现网页的动态交互,提高开发效率。在实际项目中,配合详细的文档和示例...
本篇文章将详细探讨jQuery的几种使用方法,帮助你更好地理解和运用这一强大的工具来提升网页设计的效率和用户体验。 1. **DOM操作**:jQuery的核心功能之一就是对HTML文档对象模型(DOM)进行操作。通过选择器,如`...
$("#anchor").attr('onclick', '').click(newclick); 如果onclick事件原先有值,要先清空,再用click( eval(function(){…..}) )赋值 $("input[name='orderCar']").attr('onclick','').click( eval(...
`attr()`方法还可以与事件绑定结合使用,例如,可以使用`data-*`自定义数据属性来存储额外的信息: ```javascript $("div").attr("data-toggle", "modal"); ``` 然后在事件处理器中,可以通过`data()`方法访问这些...
问题:经常使用jQuery插件的attr方法获取checked属性值,获取的值的大小为未定义,此时可以用prop方法获取其真实值,下面介绍这两种方法的区别: 1.通过prop方法获取checked属性,获取的checked返回值为boolean,...
本文将详细介绍如何使用jQuery库中的attr方法来实现一个简单的图片切换效果。attr方法是jQuery中用于获取或设置HTML元素属性值的函数,通过该方法可以方便地实现元素属性的动态修改,进而达到图片切换的目的。 首先...
以下是对标题“jQuery 使用方法”和描述中提及的知识点的详细解释: ### 一、选择网页元素 jQuery 的核心功能是选择网页元素并对其进行操作。它支持多种选择器,包括 CSS 选择器和 jQuery 特有的选择器。 1. **...
2. **DOM操作**:jQuery提供了简便的DOM操作方法,如`append()`用于在元素末尾添加内容,`prepend()`在元素开头插入内容,`html()`用于获取或设置元素的HTML内容,而`attr()`则用于处理属性的读写。 3. **事件处理*...
1. **选择器(Selectors)** - jQuery 提供了丰富的CSS选择器,如ID选择器(#id)、类选择器(.class)、元素选择器(element)等,以及更高级的选择器如属性选择器([attr=value])、后代选择器、兄弟选择器等,使得精准...
attr()方法在实际开发中非常实用,通过掌握它不同的使用方法,可以让我们更灵活地对页面上的元素进行属性的读取和设置操作。无论你是想要获取页面元素的当前属性值,还是需要修改页面元素的属性来实现特定的样式改变...
使用JQuery的attr方法实现下拉列表选中是一项基本且实用的技术。 首先,我们要了解下拉列表(select)元素和它的工作原理。在HTML中,下拉列表是通过标签创建的,每个选项则是通过标签表示。每个标签可以有一个...
这个实例清晰地展示了`attr`和`removeAttr`方法在实际操作中的用法,对于理解如何在jQuery中处理元素属性非常有帮助。 总结来说,`attr`和`removeAttr`是jQuery中用于管理HTML元素属性的重要工具。`attr`用于设置、...
在jQuery中,`attr()`和`prop()`方法都是用来处理元素的属性(attributes)和特性(properties),但它们之间存在一些关键的区别。了解这些差异对于编写高效、无误的JavaScript代码至关重要。 首先,属性...
在网页开发中,jQuery 是一个广泛使用的 JavaScript 库,它提供了许多方便的API来操作DOM元素,其中`attr`方法是其中一个重要的功能。本篇将详细介绍如何使用jQuery的`attr`方法来禁用表单元素,防止用户输入内容。 ...
在jQuery库中,`attr()`具有多种使用方式,能够满足不同场景的需求。 1. `attr(属性名)`:这个表达式用于获取属性的值。当你传入一个属性名给`attr()`时,它会返回匹配元素的第一个元素的该属性值。如果元素没有...