jQuery jquery属性

  • Post category:jquery

jQuery jquery属性详解

jQuery 是一款轻量级的 JavaScript 库,它封装了很多常用的操作函数,令 JavaScript 的编写更简洁、高效。其中,jquery属性便是jQuery库中的一种重要属性之一,它允许我们获取或者设置元素的属性,如:id、class、name等等。

获取属性

我们可以使用 attr() 方法来获取元素的属性。示例如下:

<body>
  <div id="test" class="box"></div>
</body>
var id = $('#test').attr('id');
var className = $('#test').attr('class');
console.log(id); // test
console.log(className); // box

在示例中,我们通过jQuery选择器选择了div元素,并使用 attr() 方法获取了它的id和class属性。其中 attr() 方法的参数为要获取的属性名。

设置属性

我们同样可以使用 attr() 方法来设置元素的属性。示例如下:

<body>
  <div id="test"></div>
</body>
$('#test').attr('class', 'box');

在示例中,我们通过jQuery选择器选择了 div 元素,并使用 attr() 方法将 div 元素的 class属性设置为box

关于jquery属性的更多内容,你可以直接查看官方文档