`

jQuery元素属性attr设置多个键值或函数

阅读更多
$("Element").attr(name) '取得第一个匹配的属性值,比如$("img").attr("src")
$("Element".attr(key,value)") '某一个元素设置属性
$("Element".attr({key:value,key1:value,....})) ‘为某个元素一次性设置多个属性
$("Element").attr(key,function) '为所有匹配的元素设置一个计算的属性值。
$("Element").removeAttr(name)//移除某一个属性

jQuery 代码:
$("img").attr("src");

参数properties 描述:

为所有图像设置src和alt属性。

jQuery 代码:
$("img").attr({ src: "test.jpg", alt: "Test Image" });

参数key,value 描述:

为所有图像设置src属性。

jQuery 代码:
$("img").attr("src","test.jpg");

参数key,回调函数 描述:

把src属性的值设置为title属性的值。

jQuery 代码:
$("img").attr("title", function() { return this.src });

 

分享到:
评论

相关推荐

    JQuery框架元素的属性与样式

    `attr()`函数可以用于获取或设置一个或多个元素的属性值。以下是一个示例,展示如何使用`attr()`来改变图片的`src`和`alt`属性: ```javascript $(document).ready(function(){ $('img').attr({ 'src': 'new-...

    jquery的data函数

    要在元素上存储数据,我们可以传递一个键值对或一个对象给`data()`函数: ```javascript $('#myElement').data('key', 'value'); // 或者 $('#myElement').data({ key1: 'value1', key2: 'value2' }); ``` ...

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

    `jQuery`中的`attr()`方法是用于操作HTML元素属性的重要函数,它可以帮助开发者方便地获取或设置DOM元素的属性值。在jQuery库中,`attr()`具有多种使用方式,能够满足不同场景的需求。 1. `attr(属性名)`:这个...

    Jquery常用方法.txt

    - **描述**:此方法可以一次性为`<img>`元素设置多个属性及对应的值。 - 通过键值对: `$("img").attr("src","test.jpg");` - **描述**:为`<img>`元素设置单一属性及其值。 - 动态设置属性值: `$("img").attr(...

    JQuery1.3笔记.txt

    - `$("img").attr({"属性名": "属性值"})`: 给`<img>`元素添加多个属性及对应的值,参数是以键值对形式存在的对象。 - `$("img").attr("属性名", "属性值")`: 给`<img>`元素添加单个属性及对应的值。 - `$("img")...

    jQuery.docx

    - `attr(“id”,”abc”)`:获取或设置元素的属性值。 - `css()`:获取或设置元素的CSS样式,可以批量设置,使用JSON格式。 **事件** - `click(function(){xxx})`:定义点击事件的回调函数。 - `blur()`:触发元素...

    JS中Attr的用法详解

    在JavaScript中,jQuery库提供了`attr`方法,用于获取或设置HTML元素的属性(attributes)。在上述示例中,我们看到`attr`方法被用来处理`<p>`、`<li>`元素的`title`和`alt`属性。以下是关于`attr`方法的详细解释: ...

    JQuery常用方法

    - `$(”元素名称”).attr({key: value})`: 用一个键值对的映射为元素设置多个属性。 - `$(”元素名称”).attr(”attribute”, value)`: 设置或获取元素的特定属性值。 - `$(”元素名称”).removeAttr(”attribute...

    使用jQuery获取data-的自定义属性

    传入的`attr`可以是对象,表示多个"data-"属性及其对应的值;也可以是字符串,表示单个"data-"属性。函数会创建一个新的属性对象`tmp`,并将转换后的键值对设置到`tmp`中,最后通过`.attr()`更新元素的属性。 通过...

    Jquery-Cheat-Sheet-1.2

    - **单个或数组DOM/XMLElements及jQuery对象**:jQuery可以操作单个或多个DOM元素,无论是原生的HTML元素还是通过jQuery创建的对象。 - **任意对象扩展**:通过`$.extend()`方法,可以递归地将一个或多个属性添加到...

    jQuery实现网站换肤功能--带cookie默认为后点击后的颜色

    换肤功能的基础是拥有多个CSS样式表,每个代表一种皮肤。例如,我们可以创建`skin1.css`, `skin2.css`, `skin3.css`等文件,每个文件定义一套不同的颜色方案。在HTML中,这些样式表链接可以通过JavaScript动态修改...

    js+jquery.rar

    - **jQuery 包装器**:jQuery 对象可以看作是 DOM 元素的包装器,允许我们使用链式调用来执行多个操作。 - **原生 JavaScript 与 jQuery 互操作**:有时可能需要在 jQuery 代码中使用原生 JavaScript 功能,通过 `...

    upload_jquery_150609_多图片上传.rar

    通过设置`multiple`属性,可以支持用户选择多个文件进行上传。 2. jQuery选择器:jQuery提供了强大的选择器,如`$("#id")`用于选取ID为`id`的元素,`$(".class")`用于选取所有class为`class`的元素。 3. jQuery...

    Colorbox - a jQuery lightbox

    ### Colorbox - a jQuery Lightbox ...总的来说,Colorbox 是一个功能强大且易于使用的 jQuery 插件,无论是初学者还是有经验的开发人员都可以轻松掌握其用法,从而为网站增添更多交互性和美观度。

    jQuery解决input超多的表单提交

    首先,面对一个包含上百个字段的表单,手动为每一个`<input>`元素设置`id`和`name`属性无疑是效率极低的。为了解决这个问题,我们可以利用jQuery库的强大功能,通过JavaScript自动化处理。在jQuery中,我们可以使用`...

    jquery判断checkbox是否选中及改变checkbox状态的实现方法

    .attr()是jQuery中用于获取或设置元素属性值的方法。当用于复选框元素时,可以通过.attr('checked')来获取复选框是否被选中的状态。在jQuery版本1.6及以上,如果复选框被选中,.attr('checked')会返回字符串"checked...

    java学习资料,来来

    - **设置属性**: `$("img").attr({"src":"test.jpg", "alt":"testImage"})`,通过传递一个键值对对象,可以同时设置多个属性。 - **获取和设置内容**: `$("元素名称").html()`用于获取元素内的HTML内容,而`$(...

    jeson 基础资料

    - `.attr()`: 获取或设置属性值。 - `.addClass()`: 添加类名。 - `.remove()`: 删除元素。 - `.hide()`: 隐藏元素。 - `.show()`: 显示元素。 - `.fadeOut()`: 淡出元素。 - `.fadeIn()`: 淡入元素。 “JSON基础_...

    jquery获取链接地址和跳转详解(推荐)

    jQuery 提供了 `$` 函数来选择元素,`attr` 方法用于获取或设置元素的属性。如果想要获取页面的完整 URL,可以这样操作: ```javascript $(function () { alert(window.location.href); }); ``` 而如果要获取某个...

Global site tag (gtag.js) - Google Analytics