主要观点总结
文章介绍了从jQuery转向原生JavaScript的方法,包括选择元素、处理事件、动态添加元素的事件监听、触发和创建事件、元素样式、文档就绪、使用类、检查某个元素是否具有某个类、发送网络请求、创建元素和更新DOM等。
关键观点总结
关键观点1: 选择元素
介绍了如何使用原生JavaScript的querySelector和querySelectorAll来替代jQuery的选择器。
关键观点2: 处理事件
讲解了如何使用原生JavaScript的addEventListener来监听事件,替代jQuery中的on、bind、live和click等方法。
关键观点3: 动态添加元素的事件监听
介绍了如何在不使用jQuery的情况下,为动态添加到DOM的元素添加事件监听。
关键观点4: 触发和创建事件
讲解了如何使用原生JavaScript的dispatchEvent方法来触发和创建事件,替代jQuery的trigger方法。
关键观点5: 元素样式
介绍了如何使用原生JavaScript的style属性来更改元素的CSS样式,替代jQuery的css方法。
关键观点6: 文档就绪
讨论了如何等待DOM完全加载后再将事件附加到DOM中的对象,介绍了原生JavaScript中替代jQuery的快捷方式。
关键观点7: 使用类
阐述了如何使用原生JavaScript的classList属性来切换、替换、添加和删除类,替代jQuery的addClass、removeClass和toggleClass等方法。
关键观点8:
介绍了如何使用原生JavaScript的fetch方法来创建网络请求,替代jQuery的ajax和get方法。
关键观点9:
讲解了如何使用原生JavaScript的createElement方法来创建元素,并通过appendChild方法将其添加到DOM中。
文章预览
前言 在 2024 年 2 月 6 号发布了 jQuery 4.0.0 的测试版。更新的亮点:这个版本带来了错误修复、性能提升和显著变化,最值得注意的是放弃了对 IE < 11 的支持,以更好地适应现代 web 标准。jQuery 团队长期寻求的重大改进在 jQuery 4.0.0 beta 中得以实现,包括清除多余代码、淘汰已废弃的 API、移除未发布的内部参数,以及简化过于复杂的 “魔法” 行为。建议平时写的时候可以多用原生 javascript。今日前端早读课文章由 @飘飘翻译分享。 正文从这开始~~ jQuery 仍然是一个有用且实用的库,但你越来越有可能不依赖于在项目中使用它来完成如选择元素、为元素设置样式、为元素制作动画以及获取数据等基本任务 -- 这些都是 jQuery 的擅长的。随着浏览器对 ES6 的广泛支持,现在也许是放弃 jQuery 的好时机。 【第3278期】JavaScript 框架生态系统的最新动态 我最近
………………………………