為了使用 jQuery,我們需要將 jQuery 庫導入到項目中。Eclipse 提供了多種方式將 jQuery 導入到項目中。以下是其中的兩種方式:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery 示例</title>
<script src="jquery.min.js"></script>
</head>
<body>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});
</script>
<p>可以在點擊按鈕時隱藏該段落</p>
<button>隱藏</button>
</body>
</html>
使用此方式,我們需要手動下載 jQuery 的庫文件,將其放置在項目的根目錄下,然后通過 <script> 標簽引用它(即上述代碼中的<script src="jquery.min.js"></script>
)
另一種方式是通過 Eclipse 的插件進行導入。比如,Web 存檔文件(WAR)項目可以使用“Add External Web Libraries”來導入并添加到項目中。實際上,這種方法最終也會生成類似上述 HTML 代碼中的導入方式。
無論使用何種方式,只要我們有了 jQuery 的庫文件,就可以使用 jQuery 的各種功能了。