このセクションの知識点

jqueryUIの導入

jqueryUIのボタン

jqueryUIの導入

最初のステップでjqueryUI jqueryUIをダウンロードするには、3つのファイル

を導入する必要があります.

にカスタムCSSとJSファイルを する

のカスタム をカスタムファイルに き む
フロントエンドボタンUI

    
    
    
     
     
     
    
    




  

        
  
       

           
       
        

            
        
      

            |   
      
  



       

buttonボタンの
:buttonボタンUIを する 、 ずしもinputボタン ではなく、 のテキストをbuttonボタン に できます.inputではアイコンが されません

$("#sear_button").button();

buttonプロパティとメソッド

label

、 ボタン の 、なければHTMLコンテンツはボタン の とされます

icons はボタン のアイコンに する、ボタン の と ろに を することができ、キー のペアで する.

{
    primary:  "ui-icon-search",//        ,     
    secondary: "ui-icon-search"
}

text true/false false false falseに すると は されませんが、アイコン

を する があります.

$("#search_button").button({
        disabled:false,
        icons:{
        primary: " ui-icon-search"
        },
       label: "  ",
       text: false //          
})

ラジオボックス
buttonボタンは のボタンに できるだけでなく、ラジオボックスでもチェックボックスが です.//htmlラジオボックス

//jQueryラジオボックス

$("#reg input[type=radio]").button();

このセクションの

button    3    
label:     。
icons:{}  
text:            .