Question

我在lib文件夹中有jquery-1.9.1.jar文件，但是当我拿这样的源

时

<script src="WebContent/WEB-INF/lib/jquery-1.9.1.jar" type="text/javascript"></script>

<script>
$( "button" ).click(function() {
  $( "p" ).toggle();
});
</script>
<button>Toggle</button>
<p>Hello</p>
<p style="display: none">Good Bye</p>

上面的代码它不起作用是否有任何jquery文件缺少附加到eclipse neon

文件结构：

Answer 1

<html>
<body>  
<button>Toggle</button>
<p>Hello</p>
<p style="display: none">Good Bye</p>


  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
    <script>
    $(document).ready(function(){
        $("button").click(function(){
             $("p").toggle();
        });
    });
    </script>


</body>
</html>

Answer 2

这是一个例子。您可以使用“googleapis”或“CDN”导入jquery。

googleapis：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
<script>
$( "button" ).click(function() {
  $( "p" ).toggle();
});
</script>
<button>Toggle</button>
<p>Hello</p>
<p style="display: none">Good Bye</p>

CDN：

<script src="https://cdn.bootcss.com/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
<script>
$( "button" ).click(function() {
  $( "p" ).toggle();
});
</script>
<button>Toggle</button>
<p>Hello</p>
<p style="display: none">Good Bye</p>

Jquery不在Eclipse Neon中工作

2 个答案: