jquery如何为标签增加属性

第一段：JQuery如何为元素添加属性

在JQuery中，有一个特殊的方法被用来为元素添加属性，这个方法就是.attr()方法，下面是一些使用.attr()方法为元素添加属性的代码示例：

1. 为input标签添加“id”属性

$('input').attr('id', 'test-id');

2. 为p标签添加“class”属性

$('p').attr('class', 'test-class');

3. 为a标签添加“href”属性

$('a').attr('href', 'http://www.example.com');

4. 为select标签添加“disabled”属性

$('select').attr('disabled', true);

第二段：如何添加多个属性

除了使用.attr()方法为元素添加单一属性之外，我们还可以使用.attr()方法一次添加多个属性，这可以使用一个键值对作为参数来实现，其中键是属性名称，值是属性值。

$('input').attr({
  'id': 'test-id',
  'class': 'test-class',
  'type': 'text'
});

第三段：如何获取元素属性

和添加属性一样，我们也可以使用JQuery来获取元素的属性。.attr()方法同样可以用来获取元素的属性值，我们只需要在方法中指定要获取的属性名称即可。

1. 获取input标签的“id”属性

var inputId = $('input').attr('id');

2. 获取p标签的“class”属性

var pClass = $('p').attr('class');

3. 获取a标签的“href”属性

var aHref = $('a').attr('href');

4. 获取select标签的“disabled”属性

var selectDisabled = $('select').attr('disabled');

第四段：如何移除元素属性

最后，如果我们想要从元素中移除一个属性，我们同样可以使用.attr()方法来实现。指定属性名称的值为null或undefined就可以将元素的属性移除。

1. 移除input标签的“id”属性

$('input').attr('id', null);

2. 移除p标签的“class”属性

$('p').removeAttr('class');

3. 移除a标签的“href”属性

$('a').attr('href', undefined);

4. 移除select标签的“disabled”属性

$('select').removeAttr('disabled');