javascript - 将 jquery toggle 转换为纯 js
问题描述
我想要一些帮助将这个 jQuery 代码转换为“vanilla”JavaScript。
$(document).ready(function() {
$("#menu-icon").click(function(){
$("#sidebar").toggleClass('show-sidebar');
});
});
解决方案
像这样的东西:
window.addEventListener('DOMContentLoaded', () => {
const icon = document.getElementById('menu-icon');
const sidebar = document.getElementById('sidebar');
icon.addEventListener('click', () => {
sidebar.classList.toggle('show-sidebar');
})
});
推荐阅读
- go - 如何在 Windows 10 上控制 WebView 窗口上的图标
- python - 如何在每次迭代中成对组合列表元素而不重复?
- r - 预测的 glm() 值与 ggplot2 geom_smooth() 图不匹配
- javascript - 我的 CSS 代码有问题。里面的内容不要在中心对齐
- java - 创建 bean 时出现不满足的异常
- javascript - 检测浏览器即
- android - AndroidDevices 上的最小流体积是多少以及如何获得它 Pre SDK28
- ios - 无法访问钥匙串项 iOS
- node.js - Docker 错误:EACCES:权限被拒绝,mkdir
- java - 使用扫描仪添加到空对象