可以用jQuery代替$避免冲突

来源：互联网发布：和人工智能聊天的软件编辑：程序博客网时间：2024/04/16 20:12

<!doctype html><html><head><meta charset="utf-8"><title>可以用jQuery代替$避免冲突</title><script type="text/javascript" src="class library/jquery-1.10.2.min.js"></script><script>jQuery(document).ready(function(){jQuery('tbody tr').click(function(){jQuery(this).toggleClass('yellow');});});</script><style>td { padding:5px; border-bottom:1px solid blue;}.yellow{ background:yellow;}</style></head><body><table border="0" cellpadding="0" cellspacing="0" width="50%" align="center" style="text-align:center; height:60px;">  <thead>    <tr>      <th>姓名</th>      <th>年龄</th>      <th>QQ</th>      <th>Email</th>    </tr>  </thead>  <tbody>    <tr>      <td>袁文婷</td>      <td>22</td>      <td>1376239744</td>      <td>ywt528528@126.com</td>    </tr>    <tr>      <td>王莉</td>      <td>20</td>      <td>4551139</td>      <td>wangli@126.com</td>    </tr>    <tr>      <td>刘寒青</td>      <td>23</td>      <td>4551139</td>      <td>wangli@126.com</td>    </tr>    <tr>      <td>张素婷</td>      <td>20</td>      <td>4551139</td>      <td>wangli@126.com</td>    </tr>  </tbody></table></body></html>

0 0