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'); });
样式效果图: