在Web开发的世界里,jQuery曾经是无人不知、无人不晓的明星。然而,随着原生JavaScript的发展和优化,越来越多的开发者开始将注意力转向使用原生JavaScript编写代码。对于那些曾经被jQuery所依赖的开发者来说,这个转变可能会带来一些困惑和挑战。

为了帮助那些想要从jQuery迁移到原生JavaScript的开发者们顺利过渡,我们搜集了一份作弊表,希望能够让你更轻松地掌握原生JavaScript的技巧和用法。

一、选择器

jQuery: $(“selector”)

JavaScript: document.querySelector(“selector”)

二、事件绑定

jQuery: $(“.btn”).on(“click”, function() {…})

JavaScript: document.querySelector(“.btn”).addEventListener(“click”, function() {…})

三、类名操作

jQuery: $(“.btn”).addClass(“active”)

JavaScript: document.querySelector(“.btn”).classList.add(“active”)

四、遍历

jQuery: $.each(array, function(index, value) {…})

JavaScript: array.forEach(function(value, index) {…})

五、Ajax请求

jQuery: $.ajax({…})

JavaScript: fetch(“url”, {…})

六、动画效果

jQuery: $(“.btn”).fadeOut()

JavaScript: document.querySelector(“.btn”).style.opacity = 0

七、延迟执行

jQuery: setTimeout(function() {…}, 1000)

JavaScript: setTimeout(function() {…}, 1000)

以上只是一些简单的示例,希望对你有所帮助。当然,在实际应用中,你可能会发现原生JavaScript还有更多强大的功能和特性等待你去探索。让我们一起努力,掌握原生JavaScript的精髓,做一个更加优秀的开发者!

详情参考

了解更多有趣的事情:https://blog.ds3783.com/