jQuery$console.log(jQuery);
console.log($);
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>"); // 同層前面