在HTML

Question

我的文件夹结构如下。

在index.html文件夹中有html_files文件的位置。

我在index.html文件中使用以下脚本标记。

但是jQuery函数hide()无法正常工作。我在这里做错什么了吗？请帮我。预先感谢。

Answer 1

您需要确保您的hide()呼叫已绑定到事件。这个$(document).ready()的简写应该可以帮助您：

$(function() {
  $('h1').hide();
});

有关更多信息，请参见http://learn.jquery.com/using-jquery-core/document-ready/。

Answer 2

您的“隐藏”功能未绑定到任何事件。您希望触发哪个事件的隐藏功能？我相信您想在打开页面时将其解雇吗？但是，当您打开页面脚本时，将在创建元素之前运行脚本，并且没有h1可以查找和隐藏它。如果用

$(document).ready(function(){
  $('h1').hide();
});

现在它将等待文档创建元素，然后运行hide（）函数。

另一种情况是您想在单击按钮时将其隐藏，然后

$(document).ready(function(){
  $('button').click(function(){
      $('h1').hide();
  });
});

现在，它等待所有元素准备就绪，然后将hide（）函数绑定到按钮的click事件。