如何指定仅基于div应用jquery效果参数？

好的，这就是我要做的

我想对几个不同的div容器应用一些效果。假设我有一个幻灯片效果和一个fadeTo效果。与其指定JS代码中的div class/id是什么，我更希望能够通过给div一个自定义标记或一个额外的id/class来应用效果。我总是想在实际div上指定效果的参数

比如说

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

或

---

有意义吗？

这不是有效的XHTML，但您可以始终向html标记添加非标准属性

<div id="cssDesign" SlideEffect="Speed,Duration"></div>

---

（阅读有关属性选择器的更多信息。）

这不是有效的XHTML，但您可以始终向html标记添加非标准属性

<div id="cssDesign" SlideEffect="Speed,Duration"></div>

---

（阅读有关属性选择器的更多信息。）

如果您想使页面符合XHTML标准，可以使用一些现有但未使用的属性，例如

rel

来存储数据。它在语义上不正确，但是它验证了

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

---

等等。如果您不需要使用

id

，也可以使用

id

（在大多数情况下，您可以用

class

代替

id

）。

如果您想保持页面符合XHTML标准，可以使用一些现有但未使用的属性，例如

rel

来存储数据。它在语义上不正确，但是它验证了

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

---

等等。如果您不需要使用

id

，也可以使用

id

（在大多数情况下，您可以用

class

代替

id

）。

通常不推荐使用自定义标记或属性（HTML文档不会通过验证，这可能会影响搜索引擎的索引）. 在类似的情况下，我使用了一个适当的html标记，如class或id，并将可解析信息放在那里：

<div id="mydiv_slide_500">...</div>

。。。

---

然后必须提取属性值，并使用split（“”）对其进行解析。这比使用自定义标记更复杂，但您可以获得有效的HTML。

通常不建议使用自定义标记或属性（HTML文档不会通过验证，这可能会影响搜索引擎的索引）。在类似的情况下，我使用了一个适当的html标记，如class或id，并将可解析信息放在那里：

<div id="mydiv_slide_500">...</div>

。。。

---

然后必须提取属性值，并使用split（“”）对其进行解析。这比使用自定义标记要复杂得多，但您会得到有效的HTML。

请原谅我在这里完整的JS n00bish

我不知道如何在这里插入：

$(document).ready(function() {

  $('#slidemarginleft button').click(function() {
    $(this).animate({
      marginLeft: parseInt($marginLefty.css('marginLeft'),10) == 0 ?
        $marginLefty.outerWidth() :
        0
    });
  });
});

---

请原谅我在这里的完整JS n00bish

我不知道如何在这里插入：

$(document).ready(function() {

  $('#slidemarginleft button').click(function() {
    $(this).animate({
      marginLeft: parseInt($marginLefty.css('marginLeft'),10) == 0 ?
        $marginLefty.outerWidth() :
        0
    });
  });
});

---

如果使用这种方法（我喜欢），我建议在自定义属性上使用

data-

前缀。这使得它将来与HTML5兼容，这对于声明参数很有意义，谢谢！这是我的代码：$（document）.ready（function（）{$（'#slideleft button'）。单击（function（）{var$lefty=$（this）.next（）；$lefty.animate（{left:parseInt（$lefty.css（'left'），10）==0？-$lefty.outerWidth（）：0}；}）；因此，与其声明将幻灯片效果应用于div类，不如声明如何在div中使用效果？这没什么不同，只是没有使用

$（this）.attr（“SlideEffect”）

您将使用

$（“#slideleft”）.attr（“SlideEffect”）

。在我的代码中，我创建了一个mouseover事件，但这只是为了完整性。@Michael:这是一个很好的建议，我应该自己遵循这个建议。如果使用这种方法（我喜欢），我建议在自定义属性上使用

数据-

前缀。这使得它将来与HTML5兼容，这对于声明参数很有意义，谢谢！这是我的代码：$（document）.ready（function（）{$（'#slideleft button'）。单击（function（）{var$lefty=$（this）.next（）；$lefty.animate（{left:parseInt（$lefty.css（'left'），10）==0？-$lefty.outerWidth（）：0}；}）；因此，与其声明将幻灯片效果应用于div类，不如声明如何在div中使用效果？这没什么不同，只是没有使用

$（this）.attr（“SlideEffect”）

您将使用

$（“#slideleft”）.attr（“SlideEffect”）

。在我的代码中，我创建了一个鼠标悬停事件，但这只是为了完整性。@Michael:这是一个很好的建议，我应该自己遵循。学会喜欢

rel

标签+1学会爱上

rel

标签+1.