网站如何做到完全不需要jQuery也可以满足简单需求

为什么可以不使用jQuery？

1. 现代Web浏览器的JavaScript API越来越完善，可以实现更多的功能。
2. 新的前端框架已经取代了jQuery，例如React和Vue.js。

如何做到不需要jQuery？

1. 使用原生JavaScript DOM API

原生JavaScript DOM API（Document Object Model）即W3C定义的一种API，它允许JavaScript与HTML文档进行交互，并使开发者可以将网页内容进行动态更新。与jQuery相比，原生JavaScript DOM API的优势在于它不会额外增加网页的下载大小，而且现在大多数Web浏览器已经支持该API。

示例1：使用原生JavaScript实现添加和移除CSS类名。

// 添加CSS类名
document.querySelector('#myDiv').classList.add('myClass');

// 移除CSS类名
document.querySelector('#myDiv').classList.remove('myClass');

1. 使用ES6语法

ES6是ECMAScript 6的简称，它是JavaScript的一种新版本，提供了很多新特性，例如箭头函数、模板字面量、解构赋值等等。使用这些新特性可以减少代码量并提高可读性。

示例2：使用ES6语法实现异步请求。

// 使用async/await语法
async function fetchData() {
  const response = await fetch('https://example.com/data');
  const json = await response.json();
  console.log('Data:', json);
}

总结：

在现代Web开发中，使用jQuery并不是必须的，因为许多现代浏览器已经支持原生JavaScript DOM API和ES6语法。然而，我们仍然可以在某些情况下使用jQuery，例如在旧版浏览器中兼容性处理和使用特定于jQuery的功能。