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

回答

相關問題