jquery 获取自定义属性(attr和prop)的实现代码

获取自定义属性是jQuery的常见操作之一，它可以用attr和prop两个方法来完成。这两个方法的使用方法具有一定的区别，我们需要根据具体情况来选择使用。

attr方法

1. attr方法基本语法：

$(selector).attr(attribute)
$(selector).attr(attribute, value)

1. 使用示例：

<div id="myDiv" data-username="jerry" data-age="18"></div>

var username = $('#myDiv').attr('data-username');
var age = $('#myDiv').attr('data-age');
console.log(username); // 输出：jerry
console.log(age); // 输出：18

prop方法

1. prop方法基本语法：

$(selector).prop(propertyName)
$(selector).prop(propertyName, value)

1. 使用示例：

<input type="checkbox" id="myCheckBox" checked="checked">

var checked = $('#myCheckBox').prop('checked');
console.log(checked); // 输出：true

综上所述，无论是使用attr还是prop方法获取自定义属性，都是可以的。但是需要注意的是，当属性值为布尔类型时，使用attr方法获取的值会被转换成字符串类型，而prop方法获取的值则会是原始的布尔类型，在实际操作中需要特别注意。