首页 > 其他 > 详细

创建表格

时间:2016-08-24 06:31:39      阅读:101      评论:0      收藏:0      [点我收藏+]
用数据来创建表格

var data = [
{ name: ‘jim‘, age: 19, gender: ‘male‘},
{ name: ‘jim‘, age: 19, gender: ‘male‘},
{ name: ‘jim‘, age: 19, gender: ‘male‘},
{ name: ‘jim‘, age: 19, gender: ‘male‘},
{ name: ‘jim‘, age: 19, gender: ‘male‘},
{ name: ‘jim‘, age: 19, gender: ‘male‘}
];


// 创建 table
$( ‘<table border="1"><tbody>‘ + $.map( data, function ( v, i ) {

return ‘<tr>‘ + $.map( v, function ( v1, i1 ) {
return ‘<td>‘ + v1 + ‘</td>‘
}).join( ‘‘ ) + ‘</tr>‘;

}).join( ‘‘ ) + ‘</tbody></table>‘ ).appendTo( ‘body‘ );


$( ‘td‘ ).css( {
width: ‘100px‘,
height: ‘50px‘
});

$( ‘tr‘ ).mouseover(function () {
// this 是 DOM 对象
$(this).css( ‘backgroundColor‘, ‘yellow‘ );
}).mouseout(function () {
$(this).css( ‘backgroundColor‘, ‘‘ );
});

创建表格

原文:http://www.cnblogs.com/landofpromise/p/5801394.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!