.net+easyui系列--按鈕

easyui提供了各種按鈕樣式，包括搜索、新增、保存、刪除等

  <a id="btn" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'">
            搜索</a> <a id="A1" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-add'">
                增加</a> <a id="A2" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-remove'">
                    移除</a> <a id="A3" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-save'">
                        保存</a> <a id="A4" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-cut'">
                            剪切</a> <a id="A5" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-ok'">
                                確定</a> <a id="A6" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-redo'">
                                    撤銷</a> <a id="A7" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-undo'">
                                        撤銷</a>

按鈕的JS點擊事件，可以根據ID來控制：

 //搜索按鈕點擊事件
            $('#btn').bind('click', function () {
                alert('hello world');
            });

樣式效果圖：