<a href="javascript:void(0)" id="edit" class="easyui-splitbutton"
  data-options="menu:'#box',iconCls:'icon-edit'">編輯</a>
 <div id="box" style="width:150px;">
  <div data-options="iconCls:'icon-undo'">撤銷</div>
  <div data-options="iconCls:'icon-redo'">恢復(fù)</div>
  <div class="menu-sep"></div>
  <div>剪切</div>
  <div>復(fù)制</div>
  <div>粘貼</div>
  <div class="menu-sep"></div>
  <div data-options="iconCls:'icon-remove'">刪除</div>
  <div>全選</div>
 </div>

 <a href="javascript:void(0)" id="edit" >編輯</a>
 <div id="box" style="width:150px;">
  <div data-options="iconCls:'icon-undo'">撤銷</div>
  <div data-options="iconCls:'icon-redo'">恢復(fù)</div>
  <div class="menu-sep"></div>
  <div>剪切</div>
  <div>復(fù)制</div>
  <div>粘貼</div>
  <div class="menu-sep"></div>
  <div data-options="iconCls:'icon-remove'">刪除</div>
  <div>全選</div>
 </div>
 <script>
  $(function () {
   $('#edit').splitbutton({
    // 是否顯示簡易效果
    plain : false,
    // 用來創(chuàng)建一個對應(yīng)菜單的選擇器。
    menu : '#box',
    // 定義鼠標(biāo)劃過按鈕時顯示菜單所持續(xù)的時間，單位為毫秒。
    duration : 100,
   })
  });
 </script>

//返回屬性對象
console.log($('#edit').splitbutton('options'));

//禁用菜單按鈕
$('#edit').splitbutton('disable');

//啟用菜單按鈕
$('#edit').splitbutton('enable');

//銷毀菜單按鈕
$('#edit').splitbutton('destroy');

//擴(kuò)展自$.fn.linkbutton.defaults。使用$.fn.splitbutton.defaults 重寫默認(rèn)值對象。