Jquery自定义button按钮的几种方法

1、第一种方法比较简单

复制代码 代码如下:

"columns": [

{ "data": null,defaultContent: '<input type="button" value="呵呵" />', orderable: false },

],

复制代码 代码如下:

{ "data": "id",orderable: false,
"mRender":function(data,type,full){
return "<input type='button' value='"+data+"'/>";
}
},

复制代码 代码如下:

"fnRowCallback":function(nRow,aData,iDataIndex){
var id = $('td', nRow).eq(0).text();
var ip = $('td', nRow).eq(3).text();
$('td:eq(-1)',nRow).html('<a href="javascript:onUpdate(/''+id+'/',/''+ip+'/')">修改</a> '+
'<a href="javascript:onDel('+iDataIndex+')">删除</a>');
return nRow;
},

复制代码 代码如下:

{ "data": null,orderable: false,}

复制代码 代码如下:

"fnRowCallback":function(nRow,aData,iDataIndex){
var id = $('td', nRow).eq(0).text();
var ip = $('td', nRow).eq(3).text();
$('td:eq(-1)',nRow).html('<a href="javascript:onUpdate(/''+id+'/',/''+ip+'/')">修改</a> '+
'<a href="javascript:onDel('+iDataIndex+')">删除</a>');
return nRow;
},