jquery怎么改成纯文本有哪些方法

jQuery是一个强大的JavaScript库，用于简化DOM操作和事件处理。如果要将jQuery代码转换成纯JavaScript，也就是直接操作DOM，你可以采用以下几个步骤：

1. **移除jQuery的选择器**：jQuery中的`$`函数是用来选择元素的，如`$('div')`。去掉它，直接使用`document.querySelectorAll`或`document.getElementById`等原生方法。

2. **替换$.fn方法**：jQuery的一些功能会封装在`.fn`对象上，比如`fadeIn()`、`click()`等。你需要找到对应的原生JavaScript方法，如`element.style.opacity = '0.5';`代替`$(element).fadeIn(500)`。

3. **操作DOM元素**：jQuery提供了一些方便的方法，如`append()`、`html()`等，使用原生DOM API如`element.appendChild(childElement)`或`element.innerHTML = content`。

4. **事件绑定**：使用`addEventListener`替换`bind()`、`on()`等，如`element.addEventListener('click', function() { ... })`。

5. **异步操作**：jQuery的`.ajax()`可以用XMLHttpRequest对象替代，或者使用现代浏览器的fetch API。

示例：

// 替换jQuery选择器
var divs = document.querySelectorAll('div');

// 替换FadeIn方法
function fadeIn(element, speed) {
    element.style.opacity = '0';
    setTimeout(function() {
        element.style.opacity = '1';
    }, speed);
}

// 添加点击事件
divs[0].addEventListener('click', function() {
    this.style.backgroundColor = 'red';
});

// 发送Ajax请求
fetch('your_url')
    .then(response => response.json())
    .then(data => console.log(data));