内联jquery数据分配

Question

我在javascript函数中看到过一些数据：

$(this).data('js');

在html中，数据的分配方式如此。

<li data-js="m">
    <a href="#">Male</a>
</li>
<li data-js="f">
    <a href="#">Female</a>
</li>

我以前没见过这件事。我真的不知道该怎么称它来搜索它。内联jquery数据分配？这是好习惯吗？好受支持？它叫什么？谢谢！

Answer 1

这是一个简单的jQuery method，可以利用 HTML5 Custom Data Attribute 功能：

  

自定义数据属性是no namespace中的属性，其名称以字符串“data-”开头，连字符后至少有一个字符，与XML兼容，并且不包含大写ASCII字母。   自定义数据属性旨在将自定义数据存储为页面或应用程序的私有数据，而没有更合适的属性或元素。

在您的示例中，$(this).data('js');代码将返回“m”或“f”，具体取决于this是指第一个还是第二个li。

以下是一些相关文章：

• http://html5doctor.com/html5-custom-data-attributes/
• http://ejohn.org/blog/html-5-data-attributes/（这个链接来自上面的jQuery页面）

Answer 2

这里记录了jQuery函数http://api.jquery.com/jQuery.data/

这对html5数据属性有很好的解释 http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/all-you-need-to-know-about-the-html5-data-attribute/

Answer 3

您是否阅读过jQuery文档？我认为这将为您提供有关其用途和目的的足够信息http://api.jquery.com/jQuery.data/