JavaScript DOM-exercise-3｜jQuery與CSS樣式

前言：原本是寫劇評心得的medium，時隔多日也沒再更新，因為都更新到我的wordpress了XD如果還是想看劇的話還是追蹤我的IG比較好哈哈哈哈，這裡以後應該會多更新一些前端技術筆記，真的很不好意思因為影劇訂閱我的人哈哈哈ㄏ。

Drama Note影劇部落格 Drama Note Instagram

練習題來源與官方解法：https://www.w3resource.com/javascript-exercises/javascript-dom-exercise-3.php

Write a JavaScript program to set the background color of a paragraph.
寫一個可以改變文字背景顏色的JS程式。

這次這題蠻簡單的，但是我jQuery不夠熟悉，不知道它可以選CSS樣式，今天知道了(つ´ω`)つ

<script src=”https://code.jquery.com/jquery-3.6.0.min.js" integrity=”sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=” crossorigin=”anonymous”></script>
<p>Write a JavaScript program to set the background color of a paragraph.</p>
<button>Change Background Color</button>

設定CSS

body {
 background-color: #efc591;
}

JS

$(“button”).click(function () {
 $(“body”).css(“background-color”, “yellow”);
});

用jQuery設定css的方式就是用.css(property)，除了設定這題的background-color，也可以設定font-size等等其他CSS樣式。

$(“p”).css(“font-size”, “24px”);

耶嘿⁽⁽٩(๑˃̶͈̀ ᗨ ˂̶͈́)۶⁾⁾