我已经看到在这样的 javascript 函数中访问了一些数据:
$(this).data('js');
在 html 中,数据是这样分配的。
<li data-js="m">
<a href="#">Male</a>
</li>
<li data-js="f">
<a href="#">Female</a>
</li>
我以前没见过这样做。而且我真的不知道该怎么称呼它来搜索它。内联jquery数据分配?这是好习惯吗?支持好不好?它叫什么?谢谢!
我已经看到在这样的 javascript 函数中访问了一些数据:
$(this).data('js');
在 html 中,数据是这样分配的。
<li data-js="m">
<a href="#">Male</a>
</li>
<li data-js="f">
<a href="#">Female</a>
</li>
我以前没见过这样做。而且我真的不知道该怎么称呼它来搜索它。内联jquery数据分配?这是好习惯吗?支持好不好?它叫什么?谢谢!
这是一个利用HTML5 自定义数据属性特性的简单jQuery 方法:
自定义数据属性是无名称空间中的属性,其名称以字符串“data-”开头,连字符后至少有一个字符,与 XML 兼容,并且不包含大写 ASCII 字母。自定义数据属性旨在存储页面或应用程序私有的自定义数据,没有更合适的属性或元素。
在您的示例中,$(this).data('js');
代码将返回“m”或“f”,具体取决于是this
指 first 还是 second li
。
以下是一些相关文章:
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/
你读过 jQuery 文档吗?我认为这将为您提供有关其用法和用途的足够信息http://api.jquery.com/jQuery.data/