(1) AJAX 筆記

(1) jQuery 程式碼由 $ (或jQuery) 開始 → 後面會接著圓刮號「()」→ 而圓刮號裡面的參數是你想叫 jQuery 幫你找什麼
(2) ('#元素名') → 接著是你想叫 jQuery 執行什麼動作 (或處理事件)。例如：$('#el').click(function() {   });

JQuery 有三種存取元素方式:

tag selector

在 jQuery 中

$('a'); // 取得頁面中所有的 <a> 標籤元素

id selector

在 jQuery 中

$('#el'); // 取得 id 為 el 的元素

class selector

在 jQuery 中

$('.item'); // 取得 class name 為 item 的所有元素

jQuery 對於 HTML Tag 屬性的操作 (Attributes)

取得選取到的元素之屬性值：

.attr(attributeName)

例如，取得第一個連結的 title 值：

$('a').attr('title');

Value - Getter/Setter

val，一個很常用到的方法，用來取得和設定表單元素的 value 值：

.val() // get
.val(value) // set

jQuery 對於樣式的操作 (CSS)

取得第一個匹配到的元素之樣式：

.css(propertyName)

例如，取得第一個段落的字體顏色：

$('p').css('color'); 

jQuery 事件處理 (Events)

所有段落觸發 click 事件時，將背景顏色改為藍色：

$('p').click(function() {
  $(this).css('background-color', 'blue');
});

事件處理函數中的 this 為被觸發的「DOM元素」，而非 jQuery 物件。

jQuery 的 event object

對於所有的 jQuery event handler，你都能傳入一個參數作為 event 物件，如下例：

$(document).click(function(event) {
  alert(event.pageX);
});

jQuery 效果 (Effects)

基本的 (Basics)

.show([duration] [, complete])

.hide([duration] [, complete])

參考文章:

http://www.fooish.com/jquery/

(2) JS 筆記

(3) HTML 筆記

HTTP 請求方法（GET 與 POST）

GET

• 適用於資訊獲取（查詢結果）
• 使用 URL 傳遞參數（name=value）
• 對所發送資訊的數量有限制，一般在 2,000 個字串

POST

• 適用於修改伺服器上的資料
• 所有傳遞的參數（name=value）將被嵌入 HTTP 的請求主體（body）
• 對所發送資訊的數量無限制