已检查 jQuery 属性 - Javascript

简介

在使用 jQuery 过程中，我们经常需要获取或者修改元素的属性，这时候就需要检查 jQuery 对应的属性。

检查 jQuery 属性

jQuery 可以使用 attr() 函数来获取或者修改元素的属性，语法如下：

// 获取属性
$(selector).attr(attribute)

// 设置属性
$(selector).attr(attribute, value)

其中，selector 表示要操作的元素，可以是一个 CSS 选择器或者是一个元素对象。attribute 表示要获取或者设置的属性名，value 表示要设置的属性值。

比如，如果要获取一个 id 属性的值，可以这样写：

var id = $('#myDiv').attr('id');
console.log(id);

如果要设置一个 title 属性的值，可以这样写：

$('#myDiv').attr('title', '这是一个标题');

检查 HTML 属性

除了检查 jQuery 对应的属性之外，有时候我们也需要检查 HTML 属性。可以使用 prop() 函数来获取或者修改元素的 HTML 属性，语法如下：

// 获取属性
$(selector).prop(property)

// 设置属性
$(selector).prop(property, value)

其中，property 表示要获取或者设置的属性名，value 表示要设置的属性值。

比如，如果要获取一个 checked 属性的值，可以这样写：

var checked = $('#myCheckbox').prop('checked');
console.log(checked);

如果要设置一个 disabled 属性的值，可以这样写：

$('#myButton').prop('disabled', true);

总结

检查 jQuery 属性和 HTML 属性是我们在使用 jQuery 过程中经常需要用到的操作，它们可以帮助我们获取或者修改元素的属性，进而实现更多的功能。