如何使用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是一個很好的起點，並有任意數量的在線教程和博客。祝你好運。