jQuery對錶單、表格的操作及更多的應用

jQuery對錶單、表格的操作及更多的應用
1 表單應用
 一個表單有3個基本組成部分。
 (1) 表單標籤：包含處理表單資料所用的伺服器端應用程式URL以及資料提交到伺服器的方法
 (2) 表單域：包含文字框、密碼框、隱藏框、多行文字框、複選框、單選框、下拉選擇框和
 檔案上傳框等
 (3) 表單按鈕：包括提交按鈕、複位按鈕和一般按鈕，用於將資料傳送到伺服器上或者取消
 傳送，還可以用來控制其他定義處理指令碼的處理工作。
 1 單行文字框應用
 jQuery代碼如下：6.1.1.html
 2 多行文字框應用
 1. 高度變化
    jQuery代碼如下：6.1.2.1.html
 2. 捲軸高度變化
    在多行文本中，還有另外一個應用，就是通過控制多行文字框的捲軸的變化，使
    文字框裡的內容滾動。
    jQuery代碼如下：6.1.2.2.html
 3 複選框應用
 對複選框最基本的應用，就是對複選框進行全選、反選和全不選等操作。
 jQuery代碼如下：6.1.3.html
 4 下拉框的應用
 jQuery代碼如下：6.1.4.html
 5 表單驗證
 jQuery代碼如下：6.1.5.html
2 表格應用
 1 表格變色
 1. 普通的各行變色
    jQuery代碼如下：6.2.1.1.html
 2. 單選框控製表格行高亮
    jQuery代碼如下：6.2.1.2.html
    代碼中的$('table :radio:checked').parent().parent().addClass('selected');
    是通過parent()方法逐步向父節點擷取相應的元素的，也可以使用parents()方法
    直接擷取。
    $('table :radio:checked').parents('tr').addClass('selected');
    此外，如果通過has選取器也可以進一步簡化，表示含有選中的單選框的<tr>行將
    被高亮顯示：$('tbody>tr:has(:checked)').addClass('selected');
 3. 複選框控製表格行高亮
    jQuery代碼如下：6.2.1.3.html
    在代碼$(this)[hasSelected ? "removeClass" : "addClass"]('selected')中：
    [hasSelected ? "removeClass" : "addClass"]這是一個三元運算子，結果為：
    "removeClass"或者是"addClass"。因此
    $(this)[hasSelected ? "removeClass" : "addClass"]('selected')其實代表這
    兩種情況
    $(this)["removeClass"]('selected');
    或者是$(this)["addClass"]('selected');
    它等價於：
    $(this).removeClass('selected');
    或者是$(this).addClass('selected');
 2 表格展開關閉
 jQuery代碼如下：6.2.2.html
 3 表格內容篩選
 jQuery代碼如下：6.2.3.html
3 其他應用
 1 網頁字型大小
 jQuery代碼如下：6.3.1.html
 2 網頁選項卡
 jQuery代碼如下：6.3.2.html
 3 網頁換膚
 jQuery代碼如下：6.3.2.html

摘自：zhangda89的部落格