首页 > 代码库 > jquery实现无外边框table

jquery实现无外边框table

jquery实现无外边框table

  1. 在需要设为无外边框的table上加上class noOutBorder
    1. <tableclass="noOutBorder"><tr><td>1/td></tr></table><tableclass="otherClassName noOutBorder"><tr><td>1/td></tr></table>

       

2.在页面初始化脚本中添加

    1. $jq(document).ready(function(){    initTabNoOutBorder();});function initTabNoOutBorder(){    $jq("table .noOutBorder tr:first td").css("border-top","0 none");    $jq("table .noOutBorder tr td:first-child").css("border-left","0 none");    $jq("table .noOutBorder tr td:last-child").css("border-right","0 none");    $jq("table .noOutBorder tr:last td").css("border-bottom","0 none");}

       



来自为知笔记(Wiz)



jquery实现无外边框table