如何在谷歌浏览器中使用 JavaScript 实现 jQuery 的功能
要在谷歌浏览器中使用 JavaScript 达到与 jQuery 相同的效果,可以使用以下代码:
- 选择元素:
使用 document.querySelector() 方法可以选择单个元素,使用 document.querySelectorAll() 方法可以选择多个元素。
例如,选择 id 为 'myElement' 的元素:
var myElement = document.querySelector('#myElement');
- 添加/删除类:
使用 classList.add() 方法可以添加类,使用 classList.remove() 方法可以删除类。
例如,将 id 为 'myElement' 的元素添加类 'active':
myElement.classList.add('active');
- 事件监听器:
使用 addEventListener() 方法可以添加事件监听器。
例如,为 id 为 'myElement' 的元素添加 click 事件监听器:
myElement.addEventListener('click', function() {
// 事件处理程序
});
- AJAX:
使用 XMLHttpRequest 对象可以发送 HTTP 请求和接收响应。
例如,发送 GET 请求:
var xhr = new XMLHttpRequest();
xhr.open('GET', '/my/url', true);
xhr.onload = function() {
if (this.status === 200) {
console.log(this.responseText);
}
};
xhr.send();
使用上述方法,可以在谷歌浏览器中使用 JavaScript 达到与 jQuery 相同的效果。
原文地址: https://www.cveoy.top/t/topic/mLNi 著作权归作者所有。请勿转载和采集!