jQuery提供一系列語法,以提供更簡潔快速的方式,操作 HTML, CSS 及 Javascript。
而 jQuery 所有提供的 API 都可以從網頁 https://api.jquery.com/ 中查詢,下面介紹一些常用的語法。
jQuery使用 $ 作為標誌,選擇要選取的 Selector,以下舉例
// 選取所有圖片 Tag
$("img")
// 選取所有 class=first 的元素
$(".first")
// 選取所有 id=primary 的元素
$("#primary")
// 選取所有具有 <a> 屬性的 <li>
$("li a")
css()提供了一個方便的方式,調整元素的樣式
// 調整 id=special 的元素 border
$("#special").css("border", "2px solid red");
// 調整 id=special 的元素背景顏色及字重
var styles = {
backgroundColor : "pink",
fontWeight : "bold"
};
$("#special").css(styles);