网络技术问题 | jQuery 测验 | 第 3 组 | 问题 11

介绍

本文是针对网络技术问题及 jQuery 相关知识点的测验。本题为第 3 组中的第 11 题。

问题描述

以下是一段 jQuery 代码，请问它实现的功能是什么？

$('#button').click(function() {
  $('body').toggleClass('dark-mode');
});

解答

该代码实现了一个按钮的点击事件。当按钮被点击时，body 元素的 class 会切换成 dark-mode，实现了切换页面主题的功能。

具体来说，$('#button').click() 方法是给 id 为 button 的元素添加了一个点击事件处理函数。在该函数中，$('body').toggleClass('dark-mode') 切换了 body 元素的 class，添加或删除了 dark-mode 类。

参考资料

• jQuery API 文档 - click()
• jQuery API 文档 - toggleClass()