jQuery 给div绑定单击事件


说明:这篇随笔介绍的是怎么给div添加单击(click)事件。不再废话 直接看代码

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="topPage.aspx.cs" Inherits="topPage" %>

<!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 runat="server">
    <title></title> 
    <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript">
      $(function () {
          //给返回首页修改密码按钮添加单击事件
          $("#fanhuiBtn").on("click", function () {
              goFirstPage();
          });

          //给退出按钮添加单击事件
          $("#exitBtn").on("click", function () {
              exitOut();
          });

      });
      //返回首页
      function goFirstPage() {
          alert('你单击了返回首页的按钮');
      }
      //退出
      function exitOut() {
          alert('你单击了退出按钮');
      }
    </script>
</head>
<body>  
  <div id="fanhuiBtn" class="fanhuiTextDiv"></div>

  <div id="exitBtn" class="exitText"></div>
 
</body>
</html>

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM