Google Chrome扩展程序 – 需要帮助

我是谷歌Chrome扩展程序编码的新手，我有一些基本问题。

我想制作Chrome扩展程序，方案如下：

-a弹出窗口，包含按钮和结果字段（popup.html）

– 当单击一个按钮时，我想触发一个事件，这个事件应该连接到一个web服务器（我也制作servlet），并从服务器收集信息。 （XMLHttpRequest的（））

– 之后，我希望我的扩展程序将收集的信息加载到其中一个结果字段中。

简单，不是吗？ 但我有几个问题，一开始:(我开始开发阅读教程，但我对扩展的主要结构有雾。现在，我启动了一个应用程序，包含一个popup.html，manifest.json …在popup.html中有一个结果字段和一个按钮

 
 
Result here
 Click Me! 
  
 
  

单击按钮时，我触发一个事件，使用jquery，代码在这里：

  $(document).ready(function(){ $("#button").click(function(){ $("#intro").text("Hello, im added"); alert("Clicked"); }); });  

这就是问题所在，在popup.html这不起作用，如果我将它加载到Chrome，没有任何反应。 否则，如果我在浏览器中打开popup.html，而不是作为扩展，一切正常。 所以，我认为我对扩展结构有基本的误解，从背景页面，背景javascript等开始.. :(任何人都可以帮助我吗？

        
 
 
Result here
 Click Me! 
  
 
  
   

 $(document).ready(function() { $("#button").click(function() { $("#intro").text("Hello, im added"); alert("Clicked"); }); });