javascript - 这段 JavaScript 代码块的作用是什么？

Question

我对 JavaScript、jQuery 和 HTML 等非常陌生。我应该在项目中实现这个代码块(如下)，但我不太确定它的用途:

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

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

Answer 1

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

一次一行:

等待页面在浏览器中完成加载(又名 DOM，或文档对象模型):

$(document).ready(function(){

});

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

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

});

隐藏正文:

$(this).hide();

this(在此上下文中)指的是上一行中定位的 body 元素，这与写法相同:`$('body').hide();

this 指的是基于其使用上下文的不同内容。在此示例中，它用于事件中，因此它指的是接收该事件的元素(主体)。参见 W3Schools .

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