jQuery:如何向页面元素添加有用的信息？

Question

我很想通过.attr();jQuery中的函数为一些页面元素创建一些自定义属性,以便更轻松地进行选择.

我认为这可能是气馁的,因为jQuery和javaScript有很多灵活性,作为一个新手,我还没有学会充分发挥它的潜力.

除了制作神秘的ID或添加大量的类之外,还有哪些方法可以为我的div和其他页面元素添加更多信息,以便通过选择器轻松选择$()？

我对利弊很感兴趣,基于不同的方法会产生什么样的记忆问题或速度问题.

Answer 1

完全没有问题在元素上创建自定义属性.无论如何,你应该遵循html5 data-规范.

<div id="foo" data-info="hello" data-more="{'iam': 'anobject'}" />

使用它的很酷的事情是,jQuery(最新版本)将自动解析data-x属性并将其添加到.data()expando中.

$('#foo').data('info') === 'hello'
$('#foo').data('more').iam === 'anobject'

你仍然可以运行像这样的选择器

$('div[data-info=hello]')

在你的元素上.