jquery - 如何使用 JQuery 让不同的内容通过导航单击填充空间？

Question

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

谢谢你的帮助！

Answer 1

正如我在对该问题的评论中所说，这个问题太宽泛了，我希望它会被社区关闭。但我想我会提供一些建议：

1. 当一个元素被点击时，你可以触发一个函数调用，方法是让 jQueryclick在该元素上连接一个处理程序。您需要能够告诉 jQuery 您正在谈论的是哪个元素，您可以使用任何 CSS 选择器来做到这一点。您可能会使用 an id（尽管ids 通常不一定是最佳选择）。例如：

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

   ...将click使用id "foo".

2. 您可以使用html函数（对于您在代码中的字符串中指定的内容）或load函数（对于您按需从服务器加载的内容）将内容加载到元素中，再次通过让 jQuery 查找元素，然后执行在上面：

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

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

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);

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

祝你好运！