`

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使用手册.doc

    - `css(props)`:设置多个CSS样式,props是一个包含键值对的对象。 6. **DOM操作和选择器** - `append(content)`:在每个匹配的元素内部追加内容。 - `prepend(content)`:在每个匹配的元素内部前置内容。 - `...

    JS中Attr的用法详解

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

    JQuery常用方法

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

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

    jeson 基础资料

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

    jQuery解决input超多的表单提交

    在网页开发中,有时会遇到需要处理大量输入字段的表单提交问题,特别是当表单字段数量达到几十甚至上百时,手动为每个`input`元素设置`id`和`name`属性无疑是一项繁琐的工作。本文将介绍如何使用jQuery和PHP解决这种...

Global site tag (gtag.js) - Google Analytics