本篇文章帶大家詳細(xì)了解一下Bootstrap中的按鈕組件。有一定的參考價值，有需要的朋友可以參考一下，希望對大家有所幫助。

按鈕插件提供了一組可以控制按鈕多種狀態(tài)的功能，比如按鈕的禁用狀態(tài)、正在加載狀態(tài)、正常狀態(tài)等。本文將詳細(xì)介紹Bootstrap按鈕插件

加載狀態(tài)

　　通過按鈕可以設(shè)計狀態(tài)提示，當(dāng)單擊按鈕時，會顯示loading狀態(tài)信息。例如，點(diǎn)擊“加載”按鈕，會觸發(fā)按鈕的加載的狀態(tài)

　　通過添加 data-loading-text="Loading..." 可以為按鈕設(shè)置正在加載的狀態(tài)，但從 v3.3.5 版本開始，此特性不再建議使用，并且已經(jīng)在 v4 版本中刪除了

　　[注意]如果不設(shè)置data-loading-text，則按鈕文本在Loading狀態(tài)時，默認(rèn)顯示的是'loading…'

<button class="btn btn-primary" data-loading-text="正在加載中,請稍等..." type="button" id="loaddingBtn">加載</button> <script> $(function(){     $("#loaddingBtn").click(function () {         var $btn = $(this).button("loading");         setTimeout(function(){             $btn.button('reset')         },1000);       }); });     </script>

【