jquery获取属性

获取元素属性

使用attr()方法可以获取元素的属性值。该方法接受一个参数，即属性名称，返回对应属性的值。

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

设置元素属性

attr()方法也可以用于设置属性值。传入两个参数时，第一个是属性名，第二个是要设置的值。

$('img').attr('alt', 'Description');

传入一个对象可以同时设置多个属性。

$('img').attr({
  'alt': 'Description',
  'title': 'Image title'
});

移除元素属性

使用removeAttr()方法可以移除元素的指定属性。

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

获取data属性

对于HTML5的data-*属性，可以使用data()方法获取。该方法会自动将属性名转换为驼峰式。

var userRole = $('#user').data('role');

设置data属性

data()方法同样可以用于设置data属性值。

$('#user').data('role', 'admin');

获取表单元素值

对于表单元素如input、select等，使用val()方法获取当前值更直接。

var username = $('#username').val();

检查属性存在性

使用is()方法结合属性选择器可以检查元素是否具有某个属性。

if ($('input').is('[disabled]')) {
  console.log('Input is disabled');
}

获取属性与prop的区别

attr()获取的是HTML文档中定义的属性值，而prop()获取的是DOM元素的当前属性状态。对于checked、disabled等属性，通常使用prop()更合适。

var isChecked = $('#checkbox').prop('checked');