學習要點：
1.使用button按鈕
2.修改button樣式
3.button()方法的屬性
4.butto("action",param)
5.單選、複選按鈕
按鈕可以給生硬的原生按鈕或者文字提供更多豐富多彩的外觀，它不單單可以設定按鈕或文字，還可以設定單選按鈕和多選按鈕
一、使用button按鈕
使用button按鈕ui的時候，不一定必須是input按鈕形式，普通的文字也可以設定成button按鈕
$("search_button").button();
二、修改button樣式
在彈出的button對話方塊中，在火狐瀏覽器中開啟firebug或者右擊檢視元素，這樣，我們可以看看button的樣式，根據樣式進行修改。我們為了和**主題符合，對dialog的標題背景
//無須修改ui裡的css,直接用style.css替代掉
.ui-state-default,.ui-widget-content,.ui.state-default,ui-widget-header,ui-state-default
}.ui-state-active,.ui-widget-content,.ui-state-active,ui-widget-content-header,.ui-state-active
}//注意：其他修改方案類似
三、button()方法的屬性
按鈕方法有兩種形式：1.button（options）,options是以物件鍵值對的形式傳參，每個鍵值對表示乙個選項，2.button("action",param),action是操作對話方塊方法的字串，param則是options的某個選項。
button按鈕選項
屬性：disabled,預設值/型別：false/布林值，說明：設定為true時，按鈕是非啟用的。
屬性：label,預設值/型別：無/字串，說明：對於按鈕上的文字。如果沒有，html內容將被作為按鈕的文字
屬性：icons,預設值/型別：無/字串，說明：對於按鈕上的圖示，在按鈕文字前面和後面都可以放置乙個圖示，通過物件鍵值對的方式完成:
屬性：text,預設值/型別：true/布林值，說明：當設定為false，不會顯示文字，但必須指定乙個圖示。
$("#search_button").button(,
label:"查詢"，
text:false
})注意：對於button的事件方法，只有乙個：create,當建立button時呼叫
四、button("action",param)
button("action",param)方法能設定和獲取按鈕，action表示指定操作的方式
button("action",param)方法
方法：button("disable"),返回值：jquery物件，說明：禁用按鈕
方法：button("enable"),返回值：jquery物件，說明：啟用按鈕
方法：button("destroy"),返回值：jquery物件，說明：刪除按鈕，直接阻斷了button
方法：button("refresh"),返回值：jquery物件，說明：更新按鈕布局
方法：button("widget"),返回值：jquery物件，說明：獲取對話方塊的jquery物件
方法：button("option",param),返回值：一般值，說明：獲取options屬性的值
方法：button("option",param，value),返回值：jquery物件，說明：設定options屬性的值
//禁用按鈕
$("#search_button").button("disable")
//啟用按鈕
$("#search_button").button("enable")
//刪除按鈕
$("#search_button").button("destroy")
//更新按鈕，重新整理按鈕
$("#search_button").button("refresh")
//得到button的jquery物件
$("#search_button").button("widget")
//得到button的options值
alert($("#search_button").button("options","label"));
//設定button的options值
$("#search_button").button("options","label"，"搜尋");
注意：對於ui上自帶的按鈕，比如dialog上的，我們可以通過firebug查詢jquery物件
$("#reg").parent().find("button").eq(1).button("disable");
五、單選框、核取方塊
button按鈕不但可以設定普通的按鈕，對於單選框、核取方塊同樣有效。
//html單選框男
//jquery單選框
$("#reg input[type=radio]").button()
//jquery單選框改
$("#reg").buttonset()
//html核取方塊紅
綠 黃
橙 //jquery核取方塊
$("#reg input[type=checkbox]").button()
//jquery核取方塊改
$("#reg").buttonset()
Jquery李炎恢 50驗證登錄檔單 16
學習要點 1.html部分 2.css部分 3.jquery部分 本節課，將使用validate.js驗證外掛程式功能，完成表單註冊驗證的功能。一 html部分 html部分不需要更改太多，只要加個存放錯誤提示的列表標籤即可。二 css部分 css部分主要是成功後引入一張小圖示，還有錯誤列表樣式。r...
Jquery李炎恢 51Ajax表單外掛程式 17
學習要點 1.核心方法 2.option引數 3.工具方法 傳統的表單提交，需要多次跳轉頁面，極大的消耗資源也缺乏良好的使用者體驗。而這款form.js表單的ajax提交外掛程式將解決這個問題。一 核心方法 官方 form.js外掛程式有兩個核心方法 ajaxform 和ajaxsubmit 它們集...
Jquery李炎恢 58編輯器外掛程式 24
學習要點 1.編輯器簡介 2.引入ueditor 編輯器，一般用於類似於word一樣的文字編輯器，只不過是編輯為html格式的。分為純js型別的，還有jquery外掛程式型別的。一 編輯器簡介 我們使用的jquery版本比較新，但尚未全面使用2.0的版本，因為ie6,7,8被拋棄了。而恰恰在這個時期...