如何将jQuery点击触发事件代码转换为纯JavaScript实现

你提供的jQuery代码功能为：点击ID为classone的元素时，切换页面所有<li>元素的visible类名，对应的原生JavaScript实现如下：

document.querySelector('#classone').addEventListener('click', function () {
  document.querySelectorAll('li').forEach(li => li.classList.toggle('visible'))
})

代码对应逻辑说明 #

• 选择ID为classone的元素：jQuery$("#classone") → 原生document.querySelector('#classone')
• 绑定点击事件：jQuery.click(处理函数) → 原生.addEventListener('click', 处理函数)
• 选择所有li元素：jQuery$("li") → 原生document.querySelectorAll('li')
• 切换元素类名：jQuery.toggleClass("visible") → 原生元素方法.classList.toggle('visible')

内容的提问来源于stack exchange，提问作者Emre Unver