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.在页面初始化脚本中添加

    

$jq(document).ready(function(){
    initTabNoOutBorder();
});
function initTabNoOutBorder(){
    $jq("table .noOutBorder tr:first-child 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-child td").css("border-bottom","0 none");
}

 





posted @ 2014-09-19 10:45  九州浪子  阅读(498)  评论(0编辑  收藏