在jQuery中按HTML5数据属性选择元素

Question

是否可以通过HTML5 data属性选择jQuery中的元素（例如，所有<div>都带有data-role='footer'）？

Answer 1

您可以使用attribute selector选择data-属性，就像任何其他属性一样。在这种情况下，您需要attribute-equals selector，如下所示：

$("div[data-role='footer']")

它们由jQuery专门用于消费处理，例如：允许.data()以正确的输入方式从中获取...但是就DOM遍历而言，它们只是另一个属性，因此在编写选择器时请将它们视为这样。

Answer 2

$('div[data-role="footer"]')

这只是使用attribute-equals-selector^(docs)。

您可以使用several attribute selectors（其中包括）。

Answer 3

jQuery Mobile推荐$ .fn.jqmData（），例如：$（“div：jqmData（role ='footer'）”）

来源：http://jquerymobile.com/test/docs/api/methods.html

Answer 4

jQuery＆amp; Zepto集成：https://github.com/kossnocorp/role