时间戳

首页 > 解决方案 > 这个 JavaScript 代码块有什么作用？

javascript - 这个 JavaScript 代码块有什么作用？

问题描述

我对 JavaScript、jQuery 和 HTML 等非常陌生。我应该在一个项目中实现这段代码（如下），但我不太确定它是做什么的：

$(document).ready(function(){
  $("body").click(function(){
       $(this).hide();
  });
});

我假设它只是隐藏了任何被点击的元素。

标签： javascriptjquery

解决方案

你是对的，它隐藏了 HTML 元素中的所有内容。同样重要的是要注意它是使用 jQuery 编写的，这是一个 JavaScript 库，它具有帮助函数以使 JavaScript 更易于使用。

这是一次一行：

等待页面在浏览器中完成加载（也称为 DOM，或文档对象模型）：

$(document).ready(function(){

});

当用户在 body 元素上触发 click 事件时，运行以下函数：

$("body").click(function(){

});

隐藏身体：

$(this).hide();

this（在此上下文中）指的是上一行中针对的 body 元素，这与编写相同：`$('body').hide();

这指的是根据使用它的上下文而有所不同的东西。在此示例中，它用于事件中，因此它指的是接收该事件的元素（主体）。请参阅W3Schools。

.hide()是一个内置的 jQuery 函数，它将元素设置为display: none;

推荐阅读