`
747017186
  • 浏览: 332365 次
社区版块
存档分类
最新评论

jquery attr 的用法

 
阅读更多

<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>

分享到:
评论

相关推荐

    jquery的attr方法使用

    **jQuery的attr方法详解** 在JavaScript的世界里,jQuery库以其简洁的API和强大的功能深受开发者喜爱。其中,`attr`方法是jQuery中的一个重要成员,它主要用于获取或设置HTML元素的属性(attribute)。本文将深入...

    jquery简单用法大全

    2. **链式操作**: jQuery对象支持链式调用,这意味着一个方法调用结束后可以直接调用另一个方法,如`$("#element").hide().fadeIn()` 3. **DOM操作**: jQuery提供了便利的DOM操作方法,如`append()`用于在元素末尾...

    jQuery的使用方法例子

    以上只是jQuery核心API的一部分,实际使用中还有更多的方法和功能,如AJAX的全局事件、插件机制等。通过熟练掌握这些基础API,开发者可以轻松实现网页的动态交互,提高开发效率。在实际项目中,配合详细的文档和示例...

    jquery的几种使用方法

    本篇文章将详细探讨jQuery的几种使用方法,帮助你更好地理解和运用这一强大的工具来提升网页设计的效率和用户体验。 1. **DOM操作**:jQuery的核心功能之一就是对HTML文档对象模型(DOM)进行操作。通过选择器,如`...

    使用jQuery的attr方法来修改onclick值

    $("#anchor").attr('onclick', '').click(newclick); 如果onclick事件原先有值,要先清空,再用click( eval&#40;function(&#41;{…..}) )赋值 $("input[name='orderCar']").attr('onclick','').click( eval&#40;...

    jQuery中 attr() 方法使用小结

    `attr()`方法还可以与事件绑定结合使用,例如,可以使用`data-*`自定义数据属性来存储额外的信息: ```javascript $("div").attr("data-toggle", "modal"); ``` 然后在事件处理器中,可以通过`data()`方法访问这些...

    jquery attr方法获取input的checked属性问题

    问题:经常使用jQuery插件的attr方法获取checked属性值,获取的值的大小为未定义,此时可以用prop方法获取其真实值,下面介绍这两种方法的区别: 1.通过prop方法获取checked属性,获取的checked返回值为boolean,...

    用jquery的attr方法实现图片切换效果

    本文将详细介绍如何使用jQuery库中的attr方法来实现一个简单的图片切换效果。attr方法是jQuery中用于获取或设置HTML元素属性值的函数,通过该方法可以方便地实现元素属性的动态修改,进而达到图片切换的目的。 首先...

    jquery 使用方法

    以下是对标题“jQuery 使用方法”和描述中提及的知识点的详细解释: ### 一、选择网页元素 jQuery 的核心功能是选择网页元素并对其进行操作。它支持多种选择器,包括 CSS 选择器和 jQuery 特有的选择器。 1. **...

    jquery1.4.1使用手册

    2. **DOM操作**:jQuery提供了简便的DOM操作方法,如`append()`用于在元素末尾添加内容,`prepend()`在元素开头插入内容,`html()`用于获取或设置元素的HTML内容,而`attr()`则用于处理属性的读写。 3. **事件处理*...

    jquery实例 涵盖jquery所有基本用法

    1. **选择器(Selectors)** - jQuery 提供了丰富的CSS选择器,如ID选择器(#id)、类选择器(.class)、元素选择器(element)等,以及更高级的选择器如属性选择器([attr=value])、后代选择器、兄弟选择器等,使得精准...

    jQuery中attr()方法用法实例

    attr()方法在实际开发中非常实用,通过掌握它不同的使用方法,可以让我们更灵活地对页面上的元素进行属性的读取和设置操作。无论你是想要获取页面元素的当前属性值,还是需要修改页面元素的属性来实现特定的样式改变...

    JQuery 使用attr方法实现下拉列表选中

    使用JQuery的attr方法实现下拉列表选中是一项基本且实用的技术。 首先,我们要了解下拉列表(select)元素和它的工作原理。在HTML中,下拉列表是通过标签创建的,每个选项则是通过标签表示。每个标签可以有一个...

    JQuery中attr方法和removeAttr方法用法实例

    这个实例清晰地展示了`attr`和`removeAttr`方法在实际操作中的用法,对于理解如何在jQuery中处理元素属性非常有帮助。 总结来说,`attr`和`removeAttr`是jQuery中用于管理HTML元素属性的重要工具。`attr`用于设置、...

    jquery中prop()方法和attr()方法的区别浅析

    在jQuery中,`attr()`和`prop()`方法都是用来处理元素的属性(attributes)和特性(properties),但它们之间存在一些关键的区别。了解这些差异对于编写高效、无误的JavaScript代码至关重要。 首先,属性...

    jquery的attr方法禁用表单元素禁用输入内容

    在网页开发中,jQuery 是一个广泛使用的 JavaScript 库,它提供了许多方便的API来操作DOM元素,其中`attr`方法是其中一个重要的功能。本篇将详细介绍如何使用jQuery的`attr`方法来禁用表单元素,防止用户输入内容。 ...

    Jquery attr()方法 属性赋值和属性获取详解

    在jQuery库中,`attr()`具有多种使用方式,能够满足不同场景的需求。 1. `attr(属性名)`:这个表达式用于获取属性的值。当你传入一个属性名给`attr()`时,它会返回匹配元素的第一个元素的该属性值。如果元素没有...

Global site tag (gtag.js) - Google Analytics