标签或div标签中的data -...做什么

时间:2013-07-09 20:36:45

标签: javascript html

我一直在看一些apis和插件,我一直看到看起来像这样的插件

<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>

数据密钥或数据发送代表什么?你如何使用它?它是一种将数据发送到处理请求的javascript文件的方法吗?那你怎么能在javascript文件中处理它呢?

6 个答案:

答案 0 :(得分:3)

答案 1 :(得分:2)

数据 - * 属性为HTML-5 custom attributes

名称可以通过在default attribute names前加data-来使用{/ 1}}。

可以使用

检索它们
HTML

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

答案 2 :(得分:2)

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

在jQuery中,可以使用.data()

访问它们
$('.fb-like').data('href')

答案 3 :(得分:1)

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

您也可以使用jquery函数.data()

访问它们
$(element).data('key');//Will get the value of data-key

答案 4 :(得分:0)

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

它无法开箱即用或无论如何影响行为。但是,它提供了符合标准的方法来为元素分配一些数据。

答案 5 :(得分:0)

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

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