是否可以通过其HTML5 <div>属性选择jQuery中的元素(例如,所有<div>和data-role='footer')?
<div>
data-role='footer'
您可以像其他任何属性一样在data-属性上进行选择...使用属性选择器。 在这种情况下,您需要使用属性等于选择器,如下所示:
data-
$("div[data-role='footer']")
它们是由jQuery专门在消费中处理的,例如 允许.data()以正确的类型从它们中获取...但是就DOM遍历而言,它们只是另一个属性,因此在编写选择器时应将它们视为这样。
.data()
$('div[data-role="footer"]')
这仅使用attribute-equals-selector(docs)。
attribute-equals-selector
您可以使用多个属性选择器(以及其他)。
jQuery Mobile建议使用$ .fn.jqm Data(),例如:$(“ div:jquery Data(role ='footer')”)
来源:[http://jquerymobile.com/test/docs/api/methods.html]
jQuery和Zepto集成:[https://github.com/kossnocorp/role]