jquery之操作元素属性和特性(操作元素属性,each()方法的使用)

jquery之操作元素属性和特性(操作元素属性,each()方法的使用)

----------

 

元素属性与特性的区别(参考):

特性：一般指显式指定的一些属性，包括自定义的。

属性：一般指包括显式指定的所有属性，以及默认的，非显式指定的所有属性。我们这里一般指默认的，非显式指定的。

 

jquery没有用于获取或修改元素属性的具体命令。然而可以利用原生javascript表示法，存取属性和属性值。决窍在于首先获取元素引用。

查看或修改包装集组成元素的最简便办法是利用each()命令。

each()语法：

each(iterator)

遍历包装集里所有元素，为各元素分别调用传递进来的迭代器函数。

参数

iterator  一个函数，为匹配集中的各元素分别调用一次。传递到函数的参数被设置为包装集里当前元素的下标(从0开始)，而当前元素可能过函数this属性来访问。

通过这个命令可以轻松地把属性值设置到匹配集里的所有元素上。例如：

$('img').each(function(n){ this.alt = 'This is image['+n+'] with an id of ' + this.id; }); 

 

这个语句为页面上每个图像元素分别调用内联函数，利用元素下标和id值修改元素alt属性。请注意，因为这是特性属性，而特性属性与同名特性动态关联，所以alt特性也被间接地更新。类似地，可以利用each()方法来将特定属性的所有值收集到一个数组里，如下所示：

var allAlts = new Array(); $('img').each(function(){ allAlts.push(this.alt); }); 

如果只想获取单个元素的属性值，就可以通过如下语句获取属性：

var altValue = $('#myImage')[0].alt;