Jquery为DIV添加click事件的简单实例

关注

转载最新推荐文章于 2026-02-12 13:27:54 发布 9.6k 阅读 AI 写同款· GEO 优化 ›

C#里使用NModbus来创建一个TCP从站服务摘要：本文介绍了一个用C#实现的Modbus TCP从站服务器，基于.NET Framework 4.6.1开发。代码使用NModbus库创建TcpListener和ModbusSlaveNetwork，支持设置IP地址、端口号和从站ID。服务器实现了数据存储初始化功能（包括线圈和保持寄存器），并提供了启动/停止操作的UI界面和日志记录功能。该解决方案适用于需要调试Modbus TCP协议的场景，特别适合无法升级到更高版本.NET Framework的环境。阅读详情

Jquery为DIV添加click事件的简单实例

投稿：jingxian 字体：[增加减小] 类型：转载时间：2016-06-02 我要评论

下面小编就为大家带来一篇Jquery为DIV添加click事件的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

今天在做一个抽奖活动时小编要做一个抽奖没有中奖之后直接弹出一个提示，然后再给div添加一个事件了，下面我们来看这个例子的做法。

html

1

2

3

 
          <a href=
          "javascript:void(0);" 
           id=
          "click_ms" 
           >
         
 
          <img src=
          "img/bbg_08.jpg" 
           border=
          "0" 
           >
         
 
          </a>
         

jquery事件

 
          $(
          '#click_ms'
          ).click(
          function
          (){
         
          //alert(1);
         
          $.post(
          "ajax.php"
          , {
          "time"
          :<?=$starttime?>}, 
          function
          (data) {
         
          if 
           ( data == 1 ) {   
         
          tusi(
          '恭喜你获得电影票1张！'
          );    
         
          } 
          else 
           if
          ( data == 2 ) {
         
          tusi(
          '抱歉您没有抽中，请明天再来试试!'
          );
         
          }   
         
          });
         
          })

看到上面有核心的一句

1	`$(` `"#click_ms"` `).live(` `"click"` `,` `function` `(){tusi(` `'抱歉您没有抽中，请明天再来试试!'` `);` `return` `false` `;});`

这一句就是告诉给#click_ms绑定一个点击事件，然后点击之后直接弹出提示，然后再返回return false这样就不会有下面的事件了，其实生成的html如下

1

2

3

 
          <a href=
          "javascript:void(0);" 
           id=
          "click_ms" 
           onclick=
          "tusi('抱歉您没有抽中，请明天再来试试!');return false;" 
           >
         
 
          <img src=
          "img/bbg_08.jpg" 
           border=
          "0" 
           >
         
 
          </a>
         

这样就达到位们的目的了,当然还有这种做法

1

2

3

 
          $(
          'div'
          ).click(
          function 
           () {
         
 
          alert(
          this
          .innerText);
         
 
          });
         