jQuery 没有用于获取或修改元素属性的具体命令。可以利用原生JavaScript表示法来存取元素属性值。诀窍在于首先获取元素引用。
语法:each(iterator)
功能:遍历包装集里所有元素,为各元素分别调用传递进来的迭代器函数。
参数 iterator:一个函数,为匹配集中的各元素分别调用一次。传递到函数的参数被设置为包装集里当前元素的下标(从0开始),而当前元素可通过函数this属性来访问。
返回:包装集。
例:把属性值设置到匹配集里的所有元素上。
$('img').each(function(n) {
this.alt = 'This is image[' + n + '] with an id of' + this.id;
});
获取、设置、删除属性值
语法:attr(name)
功能:获取指派到包装集里第一个元素指定属性的值。
参数 name:(字符串)属性的名称。该属性的值将被获取。
返回:包装里第一个元素指定属性的值。如果包装集为空,或第一个元素没有该属性,则返回“undefined”。
语法:attr(name, value)
功能:为包装集里所有元素的name属性性设置传递进来的值。
参数 name:(字符串)将被设置的属性名称。
参数 value:(字符串、对象、函数)指定属性的值。可以是有返回值的任何JavaScript表达式,或是一个函数。
返回:包装集。
例:
$('*').attr('title', function(index) {
var id = this.id ? this.id : 'unset';
return ' I am element ' + index + ' and my name is ' + id;
});
语法:attr(attributes)
功能:把已传递对象指定的属性名和值设置到包装集的所有元素上。
参数 attributes:一个对象。对象属性被作为属性名而复制到包装集里所有元素上。
返回:包装集。
例:
$('input').attr(
{
title: 'Please enter a value.',
value: ''
});
语法: removeAttr(name)
功能:从每个已匹配元素删除指定的属性值。
参数 name:(字符串)将要删除的属性名。
返回:包装集。
注意:
删除一个属性不会从JavaScript DOM元素删除任何对应的属性,尽管可能导致属性值的改变。
规范化存取名称
jQuery attr()的规范化存取名称
规范化名称 |
源名称 |
class |
className |
cssFloat |
IE用styleFloat,其他浏览器用cssFloat(当和.css一起使用时) |
float |
IE用styleFloat,其他浏览器用cssFloat(当和.css一起使用时) |
for |
htmlFor |
maxlength |
maxLength |
readonly |
readOnly |
styleFloat |
IE用styleFloat,其他浏览器用cssFloat(当和.css一起使用时) |
分享到:
相关推荐
### 使用jQuery操作元素的属性与样式 #### 一、摘要 本文旨在介绍如何利用jQuery这一流行的JavaScript库来操作HTML文档中的元素属性与CSS样式。对于初学者而言,掌握这些技能对于构建动态网页至关重要。 #### 二...
总结来说,JQuery框架为Web开发者提供了强大的工具,使得操作元素的属性和样式变得更加直观和高效。通过`$.each()`函数和`attr()`方法,我们可以轻松实现对HTML元素的属性进行批量修改和管理,而无需深入JavaScript...
attr()方法是jQuery中非常重要的一个功能,它简化了对HTML元素属性的操作过程。通过熟练使用attr()方法,开发者可以更加高效地控制网页元素的行为和样式。同时,配合在线代码运行工具,可以快速验证代码的运行效果,...
对于DOM元素的属性操作,jQuery提供了`.attr()`和`.removeAttr()`。`.attr('attribute', 'value')`可以设置元素的属性值,`.removeAttr('attribute')`则用于移除属性。`.data()`方法用于存储和检索与元素关联的数据...
### 三、jQuery操作元素属性 jQuery 提供了方便的方法来读取和修改元素属性。例如: 1. **获取属性**:`$("#element").attr("attribute")`。 2. **设置属性**:`$("#element").attr("attribute", "value")`。 3. *...
今天我们将主要关注jQuery中的节点操作、特殊属性操作以及事件机制。 一、jQuery节点操作 1. 选择器:jQuery提供了丰富的选择器,如ID选择器(#id)、类选择器(.class)、元素选择器(element)等,用于快速定位DOM元素...
本文实例讲述了JQuery节点元素属性操作方法。分享给大家供大家参考。具体分析如下: 在JQuery中,用attr()方法来获取和设置元素属性,removeAttr()方法来删除元素属性。 获取属性和设置属性 如果要获取p元素的属性...
总之,“jQuery淘宝商品多属性查询”是一个综合性的技术实践,涉及了jQuery的选择器、事件、Ajax通信、DOM操作等多个核心知识点。熟练掌握这些技能,不仅有助于开发类似功能,还能为其他前端项目打下坚实的基础。
### Jquery操作checked属性以及disabled属性的多种方法 #### 知识点概述: 本文主要介绍如何使用jQuery来操作HTML元素中的`checked`属性和`disabled`属性。在HTML中,`checked`属性通常用在单选按钮(radio)和复...
本篇文章将详细讲解jQuery如何进行元素属性的操作,包括设置、获取和删除元素属性,并通过一个实例来演示这些操作。 ### 1. 设置元素属性 jQuery 提供了 `.attr()` 方法用于设置元素的属性。在给定的示例中,当...
在深入探讨jQuery的样式操作和属性操作之前,我们先来理解一下jQuery是什么。jQuery是一个高效、简洁且功能丰富的JavaScript库,它极大地简化了JavaScript代码的编写,特别是在处理DOM(Document Object Model)操作...
在本实例中,我们将深入探讨如何使用jQuery操作元素的内容和样式。 首先,要使用jQuery,我们需要在HTML文档中引入jQuery库。在这个例子中,通过`<script>`标签引入了百度CDN上的jQuery 1.9.1版本。 ### 操作元素...
4. **属性操作**: `attr()`, `removeAttr()`, `prop()`, `removeProp()`等方法允许我们获取、设置或删除元素的属性值,如ID、class、href等。 5. **事件处理**: jQuery提供了一致的事件绑定和触发机制,如`on()`, `...
替换操作在JQuery中也非常常见,文档提到了`replace()`和`replaceAll()`方法,这两个方法允许开发者替换DOM中的文本或元素,提供了操作文档内容的灵活性。 在处理表单元素的值时,JQuery提供了`.val()`和`.text()`...
本文将详细讲解如何使用 jQuery 修改元素的 CSS `height` 属性值,以便实现动态调整元素高度的功能。 首先,我们需要理解 `height` 这个 CSS 属性。在 CSS 中,`height` 属性用于设置元素的高度,可以是绝对值(如...
你可以使用`position`属性实现元素的定位,`transition`属性定义元素在动画过程中的变化速度。 3. **jQuery初始化**:在页面加载完成后,我们需要使用`$(document).ready()`函数来确保所有元素都已加载完毕。然后,...