jquery - 如何指定只应用基于div的jquery效果参数？

Question

好的，这就是我正在尝试做的事情。

我有一些效果想要应用于几个不同的 div 容器。假设我有一个幻灯片效果和一个 fadeTo 效果。我不想在 JS 代码中指定 div 类/id 是什么，我更愿意通过为 div 提供自定义标签或附加 id/类来应用效果。我总是想在实际的div上指定效果的参数。

例如。

<div id="cssDesign SlideEffect" [Speed, Duration parameters somewhere]></div>

或

<div Customtag="SlideEffect" id="cssDesign" [Speed, Duration parameters somewhere]></div>

有道理吗？

Answer 1

如果你想让你的页面符合XHTML标准，你可以使用一些现有但未使用的属性，例如rel来存储数据。这在语义上不正确，但是嘿，它是有效的。

<div rel="slide,500"></div>

和 jQuery:

$('div[rel^=slide]').each(function() {
    var data = $(this).attr('rel').split(',');
    var speed = data[1];
});

等等。而不是rel ，您还可以使用id如果您不需要它做其他任何事情(在大多数情况下，您可以将 id 替换为 class )。