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>

巴特西

jQuery 给div绑定单击事件

最新文章

热门文章