下面我们先看一下 .attr() 这个方法 … 打开控制台 .. 先选择页面这个 img 元素 …

包装它的容器上有一个 parachutes ID，用这个 ID 可以选择这个 img 元素 .. 然后使用它的 .attr() 这个方法 … 给这个元素添加一个 alt 属性 …

这个方法里的第一个参数是要设置的属性的名称 … 中间是一个逗号 … 第二个参数是要设置的这个属性的值 …

$( '#parachutes img' ).attr( 'alt', 'Parachutes' );

在返回的结果里面，你会发现，这个元素上多了一个 alt 属性。属性的值是 Parachutes ….

注意在用 .attr() 设置属性的时候，它会去设置在选择的结果里面的每一个元素 … 也就是如果 #parachutes 这个元素下面有多个 img 元素的话 .. 那么上面这行代码把每一个 img 元素的 alt 属性，都设置成 Parachutes …

.attr() 可以设置属性，也可以获取元素属性的值 …

$( '#parachutes img' ).attr( 'alt' );

为 .attr() 这个方法指定一个单独的属性参数 .. 这样可以获取到这个属性的值 … 在获取的时候，只会获取选择结果里面的第一个项目的属性的值 …

如果想得到每一个结果里的属性的值，可以配合 .map() 或者 .each() 方法 …

.removeAttr()

我们再去试试移除属性的方法 …

$( '#parachutes img' ).removeAttr( 'alt' );

这里用的是 .removeAttr() 这个方法，在它里面指定要移除的属性的名称就行了 …

再用上面的方法去获取这个元素的属性 …

$( '#parachutes img' ).attr( 'alt' );

返回的结果是 undefined … 只为这个属性已经用 .removeAttr() 给移除掉了 …