iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 18
0
Modern Web

前端網頁設計學習旅程系列 第 18

Day18_jQuery-selector&css

  • 分享至 

  • xImage
  •  

jQuery APIs

jQuery提供一系列語法,以提供更簡潔快速的方式,操作 HTML, CSS 及 Javascript。
而 jQuery 所有提供的 API 都可以從網頁 https://api.jquery.com/ 中查詢,下面介紹一些常用的語法。

$('Selector')

jQuery使用 $ 作為標誌,選擇要選取的 Selector,以下舉例

// 選取所有圖片 Tag
$("img")

// 選取所有 class=first 的元素
$(".first")

// 選取所有 id=primary 的元素
$("#primary")

// 選取所有具有 <a> 屬性的 <li>
$("li a")

$('Selector').css(property, value)

css()提供了一個方便的方式,調整元素的樣式

// 調整 id=special 的元素 border
$("#special").css("border", "2px solid red");

// 調整 id=special 的元素背景顏色及字重
var styles = {
  backgroundColor : "pink",
  fontWeight : "bold"
};
$("#special").css(styles);

上一篇
Day17_AJAX & JQuery-1
下一篇
Day19_jQuery-Objective
系列文
前端網頁設計學習旅程30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言