dom元素的Jquery参数

dom元素的Jquery参数,jquery,html,Jquery,Html,我想编写一个自己的jquery函数,它对所有具有特殊类标记的dom元素执行一些操作。 但是有些元素应该有一些特定的动画。这就是为什么我想在dom元素中声明一些参数,如下所示: <div class='animate' animate-speed='0.5' animate-dir='up'></div> 是否可能,如果可能,我如何通过jquery获取参数。您可以尝试使用数据属性 HTML5的设计考虑到了数据的可扩展性,这些数据应该与特定元素关联,但不需要有任何定义的

我想编写一个自己的jquery函数,它对所有具有特殊类标记的dom元素执行一些操作。 但是有些元素应该有一些特定的动画。这就是为什么我想在dom元素中声明一些参数,如下所示:

<div class='animate' animate-speed='0.5' animate-dir='up'></div>


是否可能,如果可能,我如何通过jquery获取参数。

您可以尝试使用数据属性

HTML5的设计考虑到了数据的可扩展性,这些数据应该与特定元素关联,但不需要有任何定义的含义。data-*属性允许我们存储关于标准语义HTML元素的额外信息,而无需其他攻击,如非标准属性、DOM上的额外属性或Node.setUserData()

HTML代码:

<div class='animate' data-speed='0.5' data-dir='up'></div>
}))

例如:


试试这个

try$('.animate').attr('animate-speed');和$('.animate').attr('animate-dir');我尝试了console.log($('.animate').attr('animate-speed'));控制台显示未定义。log($('.animate'));我想起来了。我必须用等号而不是冒号。对不起,我弄错了。非常感谢。现在我使用equal,一切正常!好的,我为你做一件事。(后期编辑)
$('.animate').each(function() {
    // acces to attrbiutes, jquery method
    console.log($(this).attr("data-speed"));

    // or javascript method
    console.log(this.dataset.dir); // not with the word data-