jQuery 获取元素属性 - Javascript

jQuery 是一个基于 JavaScript 开发的快速、小巧、功能丰富且被广泛使用的 JavaScript 库。通过使用 jQuery，程序员可以更加轻松地操作和处理 HTML 元素、事件、样式、动画及 AJAX 等操作。本文将介绍如何通过 jQuery 获取元素属性。

获取元素属性

jQuery 提供了一系列的方法用于获取 HTML 元素的属性值，下面是一些常用的方法：

1. attr()

使用 attr() 方法可以获取指定 HTML 元素的属性值。语法如下：

$(selector).attr(attribute)

其中 selector 为指定的 HTML 元素，attribute 为指定的属性名称。例如，获取 <img> 标签的 src 属性值：

var src = $("img").attr("src");

2. prop()

使用 prop() 方法可以获取指定 HTML 元素的属性值。与 attr() 方法不同的是，prop() 方法用于获取 HTML 元素的属性，而不是 HTML 特性。语法如下：

$(selector).prop(property)

其中 selector 为指定的 HTML 元素，property 为指定的属性名称。例如，获取 <input> 标签的 checked 属性值：

var checked = $("input").prop("checked");

3. val()

使用 val() 方法可以获取指定表单元素的值。语法如下：

$(selector).val()

其中 selector 为指定的表单元素。例如，获取 <input> 标签的值：

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

总结

以上就是通过 jQuery 获取元素属性的方法，分别是 attr()、prop() 和 val() 方法。程序员可以根据自己的需要选择不同的方法。