jQuery 簡介

jQuery 函式庫可以透過一行簡單的標記被加入到網頁中。

您需要具備的基礎知識

在您開始學習jQuery 之前，您應該對以下知識有基本的了解：

HTMLCSSJavaScript

#什麼是jQuery ？

jQuery是一個JavaScript函數函式庫。

jQuery是個輕量級的"寫的少，做的多"的JavaScript函式庫。

jQuery函式庫包含以下功能：

HTML 元素選取HTML 元素操作CSS 操作HTML 事件函數JavaScript 特效與動畫HTML DOM 遍歷與修改AJAXUtilities

#提示：除此之之外，Jquery還提供了大量的插件。

為什麼要使用 jQuery ？

目前網路上有大量開源的 JS 框架, 但是 jQuery 是目前最受歡迎的 JS 框架，而且提供了大量的擴充。

很多大公司都在使用jQuery，例如:

GoogleMicrosoftIBMNetflix

jQuery是否適用於所有瀏覽器?

jQuery 團體知道JS在不同瀏覽器中存在大量的兼容性問題，目前jQuery兼容所有主流瀏覽器, 包括Internet Explorer 6!

#下一節

新建檔案

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
 $("#hide").click(function(){
 $("p").hide();
 });
 $("#show").click(function(){
 $("p").show();
 });
});
</script>
</head>
<body>
<p>如果你点击“隐藏” 按钮，我将会消失。</p>
<button id="hide">隐藏</button>
<button id="show">显示</button>
</body>
</html>

提交重置程式碼

自動運行

全螢幕