3

我一直在看一些 api 和插件,我一直在看像这样的插件

<div class="fb-like" data-href="http://developers.facebook.com/docs/reference/plugins/like" data-send="true" data-width="450" data-show-faces="true"></div>

或者

<a class="bistri-button" data-key="871b7d8f839e9cdbfc6dcc87b6932889feae334d8fbc2862"></a>

dat-key 或 data-send 代表什么?你如何使用它?是否可以将数据发送到处理请求的 javascript 文件?那么如何在 javascript 文件中处理它呢?

4

6 回答 6

3

它们是 HTML5 自定义数据属性。

http://www.w3.org/TR/2011/WD-html5-20110525/elements.html#custom-data-attribute

于 2013-07-09T20:38:31.627 回答
2

data-*属性是HTML-5 custom attributes

default attribute names可以通过在前面加上data-使HTML有效的名称来使用不是的名称。

它们可以通过使用来检索

$('.fb-like').attr('data-key')

或者

$('.fb-like').data('key') // This is more appropriate
于 2013-07-09T20:38:46.397 回答
2

这只是一个属性。他们没有在元素上设置任意属性,而是添加了data-*. 它们可以包含您想要的任何内容,并且没有继承特殊含义。

在 jQuery 中,可以使用以下方式访问它们.data()

$('.fb-like').data('href')
于 2013-07-09T20:39:17.223 回答
1

数据是将自定义属性添加到 HTML 标记的好方法。

您还可以使用 jquery 函数.data()访问它们

$(element).data('key');//Will get the value of data-key
于 2013-07-09T20:40:16.897 回答
0

data-* 属性是一种将一些信息附加到 HTML 元素的方法。

无论如何,它不会做任何开箱即用的事情或影响行为。但是,它提供了符合标准的方式来将一些数据分配给元素。

于 2013-07-09T20:41:14.483 回答
0

您可以使用 jQuery 轻松获取或设置 data- 属性的值。示例显示在下面的链接中。

http://api.jquery.com/jQuery.data/

于 2013-07-09T20:42:22.217 回答