可以用jQuery代替$.怕冲突

2015-03-02 13:42:49  访问(1576) 赞(0) 踩(0)

  • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>可以用jQuery代替$.怕冲突</title>
<script type="text/javascript" src="<%=jQuery%>"></script> 
<script type="text/javascript">
jQuery(document).ready(function(){
		jQuery(".stripe tr").click(function(){jQuery(this).toggleClass("click")})
});
</script>
<style>
 
td {padding:3px 11px;border-bottom:1px solid #95bce2;vertical-align:top;text-align:center;}
 
.click{background:yellow;}
</style>

<%=VersionHideInfo%>

</head>
 
<body>
<table class="stripe" width="40%" border="0" cellspacing="0" cellpadding="0"> 
<tbody>
  <tr>
    <td>邓国梁</td>
    <td>23</td>
    <td>31540205</td>
    <td>gl.deng@gmail.com</td>
  </tr>
  <tr>
    <td>邓国梁</td>
    <td>23</td>
    <td>31540205</td>
    <td>gl.deng@gmail.com</td>
  </tr>
  <tr>
    <td>邓国梁</td>
    <td>23</td>
    <td>31540205</td>
    <td>gl.deng@gmail.com</td>
  </tr>
  <tr>
    <td>邓国梁</td>
    <td>23</td>
    <td>31540205</td>
    <td>gl.deng@gmail.com</td>
  </tr>
  <tr>
    <td>邓国梁</td>
    <td>23</td>
    <td>31540205</td>
    <td>gl.deng@gmail.com</td>
  </tr>
  <tr>
    <td>邓国梁</td>
    <td>23</td>
    <td>31540205</td>
    <td>gl.deng@gmail.com</td>
  </tr>
</tbody>
</table>
<br>
代码注释：
jQuery toggleClass(String class) 如果存在（不存在）就删除（添加）一个类。


</body>
</html>


上一条：

下一条：


 

相关评论

评论加载中……
 

发表评论

类型：
内容：
  (Alt+Enter)
 
  ┈全部┈  
 
（显示默认分类）