如何使用JQuery让不同的内容填充导航点击空间？

Question

我不了解JQuery，但我希望根据上面导航栏中的点击创建一个填充不同内容的框。

感谢您的帮助！

Answer 1

正如我在对这个问题的评论中所说，这个问题过于宽泛，我希望它会被社区关闭。但我想我会提供几点建议：

1. 通过让jQuery在该元素上挂接click处理程序，可以在单击元素时触发函数调用。你需要能够告诉jQuery你正在谈论哪个元素，你可以用任何CSS选择器。您可以使用id（尽管id不一定是最佳选择）。例如：

   $("#foo").click(function() {
       alert("Hi there");
   });
   

   ...会将该功能与click id元素上的"foo"事件联系起来。

2. 您可以使用html函数（对于您在代码中的字符串中指定的内容）或load函数（对于您从服务器加载的内容）将内容加载到元素中-demand），再次让jQuery查找元素，然后对其进行操作：

   $("#foo").html("New content");
   
   $("#foo").load("/path/to/new/content/on/server");
   

jQuery API docs是一个很好的起点，有许多在线教程和博客。祝你好运。

Answer 2

要实现这一点，您应该阅读jQuery的基本概念，特别是jQuery click和html / text函数。

在最基本的形式中，您可以使用以下内容：

$('#myNavLink').click(function(){
  $('#myContentArea').text("This is the new content text");
}); 

Answer 3

这是一个非常广泛的问题，在互联网上有答案;但是，为了帮助您入门，您需要查看以下语法：

var value = '<p>Here is my new content that came from my database, fetched using Ajax & jQuery!</p>';
$('#mydiv').html(value);

请注意，上面的代码非常具有破坏性，这意味着它将完全取代所有内容。

祝你好运！