jQuery 語法
在本教程中，你將學習如何編寫 jQuery 程式碼。
標準的 jQuery 語法
jQuery 語句通常以美元符號（$） 開頭，以分號（;） 結尾。
在 jQuery 中，美元符號（$）只是 jQuery 的別名。讓我們考慮以下示例程式碼，它演示了 jQuery 的最基本的語法。
<script type="text/javascript">
$(document).ready(function(){
// Some code to be executed...
alert("Hello World!");
});
</script>
上面的示例只顯示一條警告訊息 Hello World! 給使用者。
程式碼說明
如果你對 jQuery 完全陌生，那麼你可能會想到該程式碼的全部內容。好的，讓我們一個一個地瀏覽這個指令碼的每個部分。
<script>元件-由於 jQuery 是隻是一個 JavaScript 庫，所以 jQuery 程式碼可以放在<script>內部。但是，如果要將其放在首選的外部 JavaScript 檔案中 ，則只需刪除此部分即可。$(document).ready(handler);-這種說法通常被稱為 ready 事件。當處理器基本上是傳遞給ready()方法的函式，準備好文件被操縱即當 DOM 分層已全部構建安全地儘快執行。
jQuery ready() 方法通常與匿名函式一起使用。所以，上面的例子也可以用這樣的簡寫符號寫成：
<script type="text/javascript">
$(function(){
// Some code to be executed...
alert("Hello World!");
});
</script>
提示： 你可以使用任何你喜歡的語法，因為語法都是等效的。但是，在閱讀程式碼時，文件就緒事件更容易理解。
此外，在事件處理函式內部，你可以編寫 jQuery 語句以執行基本語法之後的任何操作，例如： $(selector).action();
其中， $(selector) 基本上從 DOM 樹中選擇 HTML 元素，以便可以對其進行操作，並對 action() 所選元素應用某些操作，例如更改 CSS 屬性值，或設定元素的內容等。讓我們考慮另一個設定 DOM 準備就緒後的段落文字：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery Document Ready Demo</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<script src="js/jquery-1.11.3.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("p").text("Hello World!");
});
</script>
</head>
<body>
<p>Not loaded yet.</p>
</body>
</html>
在上面示例的 jQuery 語句（第 10 行）中， p 是一個 jQuery 選擇器，它選擇所有段落，就是文件中的 <p> 元素，稍後 text() 方法將段落的文字內容設定為“Hello World！”。文字。
當文件準備好時，上面示例中的段落文字將自動替換。但是如果我們希望使用者在執行 jQuery 程式碼之前執行某些操作來替換段落文字會怎樣。讓我們考慮最後一個例子：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery Click Handler Demo</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<script src="js/jquery-1.11.3.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p").text("Hello World!");
});
});
</script>
</head>
<body>
<p>Not loaded yet.</p>
<button type="button">Replace Text</button>
</body>
</html>
在上面的示例中，只有在"Replace Text" <button> 上發生單擊事件時才會替換段落文字，這僅僅意味著當使用者單擊此按鈕時。
現在你已經基本瞭解了 jQuery 的工作原理，在接下來的章節中，你將瞭解我們在此詳細討論過的術語。
注意： 你應該將 jQuery 程式碼放在 document ready 事件中，以便在文件準備就緒時執行程式碼。