网络技术问题

jQuery 测验 - 第 2 组 - 问题 14

欢迎参加 jQuery 测验。本次测试共有 20 道题目，考察 jQuery 的基本语法和常用方法。以下是第 2 组第 14 题的问题和解答：

问题：

下面的 jQuery 代码片段的作用是什么？

$(document).ready(function(){
  $("button").click(function(){
    $("p").slideToggle();
  });
});

解答：

这段代码的作用是，当页面中的按钮被点击时，切换所有 <p> 元素的可见性，从而实现一个展示/隐藏的效果。

具体来说，当页面加载完毕后，该代码会先寻找所有的 <button> 元素（通过选择器 $“button”），然后为其设置一个点击事件的监听器函数（监听器函数是一个匿名函数，其功能是切换 <p> 元素的可见性）。当用户单击某个按钮时，jQuery 会查找所有的 <p> 元素（通过选择器 $“p”），并切换这些元素的可见性。

其中，.slideToggle() 是一个 jQuery 内置的方法，它可以为元素添加展示/隐藏的动态效果。经过该方法处理后，元素的可见性会发生变化：

• 如果该元素当前是可见的，则 .slideToggle() 方法会让元素逐渐变为不可见的，直到完全隐藏。

• 如果该元素当前是不可见的，则 .slideToggle() 方法会让元素逐渐变为可见的，直到完全显示。

总之，这段代码通过 jQuery 实现了一个简单的展示/隐藏效果，可以帮助用户高效地控制页面元素的展示状态，提升用户体验。