jquery实现无外边框table

标签：style   blog   http   color   io   div   sp   cti   log   

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. 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");
      }

       

jquery实现无外边框table

标签：style   blog   http   color   io   div   sp   cti   log   

原文地址：http://www.cnblogs.com/juforg/p/3980889.html