JQUERY 在桌面和移动设备上进行点击事件以添加 CSS 列表

Question

单击按钮时，我尝试将 class 添加到 CSS 并且它可以在桌面上运行，但在手机上却不起作用

这是我的代码：

<script>
document.getElementById('logbit').addEventListener('click',function() {
document.getElementById('logf').classList.add('bg');

})
</script>

Answer 1

如果您没有在代码中使用 jquery，我不知道您为什么要使用 jquery 标签。

但既然你问到 jquery 我会给 jquery 答案。

$("#logbit").click(function() {
   $("#logf").addClass("bg");
})

那应该可以在手机和PC上使用。

Answer 2

看看这是否有效：

<style>
.bg {
    background-color: blue;
}
</style>
<input type="button" value="Button" id="button">
<script>
document.querySelector("#button").onclick = function () {
    document.body.classList.add("bg");
}
</script>