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

Question

我不知道jquery，但我正在寻找创建一个框，根据上面的导航栏点击不同的内容填充。

感谢您的帮助！

Answer 1

为了达到这个目的，你应该阅读jQuery的基本概念，特别是jQuery click和html/text函数。

在最基本的形式，你可以使用它是这样的：

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

Answer 2

这是一个很广泛的问题，并拥有遍布互联网的答案;然而，让你开始你会想看看下面的语法：

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

你要知道，上面的代码有很大的破坏性，意味着它会完全取代所有的内容。

祝你好运！

Answer 3

正如我在对这个问题的评论中所说的，这个问题太广泛了，我期望它会被社区关闭。但我想我会提供了两个指针：

1. 可以触发元素可通过jQuery的挂钩该元素在click处理点击时函数调用。您需要能够告诉jQuery您正在谈论的元素，您可以使用任何CSS选择器进行操作。您可以使用id（尽管id不一定是通常的最佳选择）。例如：

   $("#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 docs是一个很好的起点，并有任意数量的在线教程和博客。祝你好运。