jQuery代码以纯JavaScript

-4

我试着去convet这个jQuery代码以纯JS代码，但我失败了jQuery代码以纯JavaScript

$('.number-wrapper').each(function() { 
    $(this).prop('Counter',0).animate({ 
     Counter: $(this).text() 
    }, { 
     duration: 1000, 
     easing: 'swing', 
     step: function (now) { 
      $(this).text(Math.ceil(now)); 
     } 
    }); 
});

这是我尝试

var x = document.getElementsByClassName("number-wrapper"); 
    for(var i =0; i<x.length;i++){ 

}

我不能从道具方法继续能有人帮助这个

来源

2017-06-29 Kristiyan Kitov

+11

发布您的尝试 –

jQuery是一个open source project，你可以很容易地观看你正在使用的功能和我们的来源......

但是，

为什么要这么做......？

来源

2017-06-29 12:01:19

.prop()首先是设置HTML元素的属性。根据你的情况，它的设置Counter为0，翻译为：

<div Counter=0></div>

如果你想用原始的JavaScript要做到这一点，你可以把这个你for循环中：

x[i].Counter = 0;

那之后代码做了更多的事情，但是我会留给你，在jQuery的文档中找到它。

但这是不好的代码，我建议不要这样做。使用jQuery。如果它很重，请使用jQuery Lite。如果您只是在学习，请继续并尽可能多地编译代码！ :)

来源

2017-06-29 12:09:59 Ted

jQuery代码以纯JavaScript

回答

相关问题