jQuery jquery属性

jQuery属性

jQuery库提供了一系列的方法来访问HTML元素的属性。这些方法允许我们获取或设置HTML元素的属性值。jQuery中使用.attr()方法处理HTML属性操作。

获取和设置属性

可以使用两种方法来获取或设置HTML元素的属性：attr()和prop()。 attr()用于获取或设置HTML元素的属性值，prop()用于获取或设置HTML元素的特定属性的属性值。

获取属性值

可以使用 .attr() 方法获取一个元素的属性值，如下：

var titleValue = $("#title").attr("title");
console.log(titleValue);

上面的代码将把id为“title”的元素的title属性值存储在titleValue变量中，并在控制台中打印该值。

设置属性值

可以使用 .attr() 方法设置一个元素的属性值，如下：

$("#title").attr("title", "New Title");

上面代码会把id为“title”的元素的title属性的值设置成"New Title"。

示例1

<button id="btn">点击我</button>

// 获取 id 为 btn 的元素的文本内容
var value = $('#btn').attr('value');
console.log(value);
// 设置 id 为 btn 的元素的文本内容
$('#btn').attr('value', '点击这里');

示例2

<div class="container">
  <p>这是一个段落</p>
</div>

// 获取 class 为 container 的元素的 id 属性
var id = $('.container').attr('id');
console.log(id);
// 设置 class 为 container 的元素的 id 属性
$('.container').attr('id', 'header');

这个例子中，我们获取了class为“container”的div元素的id属性，并在控制台中输出该值，然后设置了该元素的id属性为“header”。