javascript - 有没有一种简单的方法可以找到 jQuery 代码的 "javascript equivalent"？

Question

我正在为一些同事做一个关于 jQuery 的演示，我想演示如何使用 jQuery 使 javascript 中的某些任务变得更容易。

我想出了一个小的 jQuery 函数来执行一些元素选择/动画，我希望向他们展示这段代码的 javascript 等价物。

我的问题是我的 javascript 有点生疏，我不想尝试弄清楚如何使用 javascript 实现它。有谁知道从 jQuery 生成 javascript 的方法吗？如果没有，谁能推荐一个很好的资源来查找等效 javascript 与 jQuery 的并排比较？

我的代码:

var move = 200;
$('#clickme').click(function() {
    $('#main div:even').animate({
        left:"+="+move
    }, 2000);
    move = -move;
});

Answer 1

This article有一个很好的演示文稿，可以准确地展示您要向同事展示的内容。

它展示了如何:

var example = null; // object
function doMove() {
  example.style.left = parseInt(example.style.left)+1+'px';
  setTimeout(doMove,20); // call doMove in 20msec
}
function init() {
  example = document.getElementById('example'); // get the "example" object
  example.style.left = '0px'; // set its initial position to 0px
  doMove(); // start animating
}
window.onload = init;

可以变成这样:

$("#element").animate({ left: 100px; });