jquery获取自定义属性值的方法（jquery 获取属性值）

jQuery获取自定义属性值的方法及jQuery获取属性值

jQuery是一款强大的Javascript库，已经成为了Web开发的标准之一。它可以简化Javascript的编写，提高开发效率，同时还具有跨浏览器兼容性。在jQuery中，获取元素的属性值是非常常见的操作，本文将介绍如何使用jQuery获取自定义属性值及普通属性值。

一、jQuery获取自定义属性值的方法

在HTML中，我们可以为元素添加自定义属性，例如：

```

```

上面的代码中，我们为`div`元素添加了两个自定义属性，分别是`data-name`和`data-age`。接下来我们将介绍如何使用jQuery获取这些自定义属性的值。

1. 使用.attr()方法

`.attr()`方法是jQuery中获取元素属性值的方法，可以用它来获取自定义属性的值。例如，我们要获取上面`div`元素的`data-name`属性值，可以使用以下代码：

```

var name = $('#myDiv').attr('data-name');

```

在这个例子中，我们使用了`$()`函数来选中`id`为`myDiv`的`div`元素，然后使用`.attr()`方法获取其`data-name`属性的值。同样的，我们也可以获取`data-age`属性的值：

```

var age = $('#myDiv').attr('data-age');

```

2. 使用.data()方法

`.data()`方法也可以用来获取自定义属性的值，但是它的用法和`.attr()`有所不同。`.data()`方法可以获取HTML5的`data-*`属性，例如：

```

```

我们可以使用以下代码来获取`data-name`属性的值：

```

var name = $('#myDiv').data('name');

```

在这个例子中，我们使用了`$()`函数来选中`id`为`myDiv`的`div`元素，然后使用`.data()`方法获取其`data-name`属性的值。

需要注意的是，`.data()`方法只能获取HTML5的`data-*`属性，如果要获取其他自定义属性，应该使用`.attr()`方法。

二、jQuery获取普通属性值

除了自定义属性，我们还可以使用jQuery获取元素的普通属性值，例如：

```

Google

```

在这个例子中，我们可以使用以下代码来获取`a`元素的`href`属性值：

```

var href = $('a').attr('href');

```

同样的，我们也可以获取其他属性的值，例如`class`：

```

var className = $('a').attr('class');

```

需要注意的是，某些属性的值可以通过其他方法获取，例如`value`属性可以通过`.val()`方法获取，`text`属性可以通过`.text()`方法获取。

三、总结

通过本文的介绍，我们学习了如何使用jQuery获取自定义属性值及普通属性值。在实际开发中，我们经常需要获取元素的属性值，因此掌握这些方法是非常重要的。需要注意的是，不同的属性值获取方法有不同的使用场景，开发者应该根据实际需求选择合适的方法。