Kendo UI for jQuery——創建現代Web應用程序的最完整UI庫！查看詳情>>>

<jQuery EasyUI最新版下載>

本教程主要為大家展示如何使用jQuery EasyUI創建一個鏈接按鈕。通常情況下，使用“button/”元素來創建一個按鈕；使用“a/”元素來創建鏈接按鈕。所以事實上一個鏈接按鈕是一個顯示為按鈕樣式“a/”元素。

為了創建一個鏈接按鈕，你所需要做的就是添加一個名為'easyui-linkbutton'的類屬性到“a/”元素中：

<div style="padding:5px;background:#fafafa;width:500px;border:1px solid #ccc">
<a href="#" class="easyui-linkbutton" iconCls="icon-cancel">Cancel</a>
<a href="#" class="easyui-linkbutton" iconCls="icon-reload">Refresh</a>
<a href="#" class="easyui-linkbutton" iconCls="icon-search">Query</a>
<a href="#" class="easyui-linkbutton">text button</a>
<a href="#" class="easyui-linkbutton" iconCls="icon-print">Print</a>
</div>

<div style="padding:5px;background:#fafafa;width:500px;border:1px solid #ccc">
<a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-cancel">Cancel</a>
<a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-reload">Refresh</a>
<a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-search">Query</a>
<a href="#" class="easyui-linkbutton" plain="true">text button</a>
<a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-print">Print</a>
<a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-help"></a>
<a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-save"></a>
<a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-back"></a>
</div>

正如你所看到的那樣，iconCls屬性是一個icon CSS類，它在按鈕上顯示一個icon圖片。

有時你可能需要禁用或啟用該鏈接按鈕，下面的代碼演示了如何禁用鏈接按鈕：

$(selector).linkbutton('disable'); // call the 'disable' method

購買最新正版授權！""