创建表格

用数据来创建表格

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
$( '' + $.map( data, function ( v, i ) {

   return '' + $.map( v, function ( v1, i1 ) {
      return ''
   }).join( '' ) + '';

}).join( '' ) + '
' + v1 + '
' ).appendTo( 'body' );


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

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

转载于:https://www.cnblogs.com/landofpromise/p/5801394.html