jquery获取属性

获取元素属性

使用attr()方法可以获取指定属性的值。该方法接受属性名称作为参数，返回该属性的值。

var hrefValue = $("a").attr("href");

获取自定义数据属性

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

var userRole = $("#element").data("user-role");

获取多个属性

通过遍历元素集合，可以批量获取多个元素的属性值。

$("img").each(function() {
    var altText = $(this).attr("alt");
});

获取表单元素值

对于表单元素，使用val()方法更直接获取value属性。

var inputValue = $("input").val();

检查属性是否存在

结合属性值判断，可以检查属性是否存在。

if ($("#element").attr("disabled")) {
    // 元素有disabled属性
}

获取所有属性

通过DOM元素的attributes集合，可以获取元素所有属性。

var attributes = $("#element")[0].attributes;

动态属性选择

使用属性选择器配合attr()方法，可以针对特定属性值获取元素。

var externalLinks = $("a[target='_blank']").attr("href");