简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

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

来源:易贤网   阅读:1300 次  日期:2016-06-17 11:30:57

温馨提示:易贤网小编为您整理了“Jquery为DIV添加click事件的简单实例”,方便广大网友查阅!

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

html

<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('抱歉您没有抽中,请明天再来试试!');

 }   

 });

})

看到上面有核心的一句

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

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

<a href="javascript:void(0);" id="click_ms" onclick="tusi('抱歉您没有抽中,请明天再来试试!');return false;" >

<img src="img/bbg_08.jpg" border="0" >

</a>

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

$('div').click(function () {

alert(this.innerText);

});

效果一样的。

以上这篇Jquery为DIV添加click事件的简单实例就是小编分享给大家的全部内容了,希望能给大家一个参考

更多信息请查看网络编程
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:JQuery在循环中绑定事件的问题详解
下一篇:Javascript小技能总结(推荐)
易贤网手机网站地址:Jquery为DIV添加click事件的简单实例
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!