使用 jQuery 的前綴詞，可使用以下兩個方式：
jQuery等同於：
$執行：
console.log(jQuery);
console.log($);結果如下圖：
是一樣的東西，其實 jQuery 只是一個函式。
以下請編輯 jquery/practice/index_test.html 檔案，將使用 jQuery 語法的程式，放在以下位置：
試著測試以下範別，用瀏覽器觀察：
以上程式，等同於：
比較以下：
比較：
比較：
比較：
Last updated
<!doctype html>
<html lang="zh-Hant">
<head>
<meta charset="utf-8">
<title>jQuery 相關練習</title>
</head>
<body>
<p class="test">這是段落</p>
<script src="./vendors/jquery/jquery-3.4.1.min.js"></script>
<script>
// 相關 jQuery 語法，寫在這裡，也就是要在 jquery 函式庫載入之後。
</script>
</body>
</html>console.log($("p").html()); // 取得內容
console.log($("p").attr("class")); // 取得 class 屬性的值$("p").css("color", "red"); // 改變文字顏色
$("p").css("font-style", "italic"); // 變斜體jQuery("p").css("color", "red"); // 改變文字顏色
jQuery("p").css("font-style", "italic"); // 變斜體$("p").attr("class", "myclass");
$("p").attr("id", "myid");
$("p").attr("style", "font-weight: bold;font-size: 30px;");$("p").html("<span>這是 span 標籤的內容。</span>");$("p").text("<span>這是 span 標籤的內容。</span>");$("p").remove();$("p").append("<span>這是 span 標籤的內容。</span>"); // 裡面的最後面$("p").prepend("<span>這是 span 標籤的內容。</span>"); // 裡面的最前面$("p").after("<span>這是 span 標籤的內容。</span>"); // 同層後面$("p").before("<span>這是 span 標籤的內容。</span>"); // 同層前面