可以用jQuery代替$避免冲突

最新推荐文章于 2022-09-03 09:23:37 发布

烧了回忆取暖

最新推荐文章于 2022-09-03 09:23:37 发布

阅读量672

点赞数

分类专栏： jQuery

本文链接：https://blog.csdn.net/kanuoyuan/article/details/37818159

版权

jQuery 专栏收录该内容

28 篇文章 0 订阅

订阅专栏

<!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>