jquery點擊改變class并toggle的實現代碼
674
2024-03-04
今天在做一個抽獎活動時小編要做一個抽獎沒有中獎之后直接彈出一個提示,然后再給div添加一個事件了,下面我們來看這個例子的做法。
html
<a href="javascript:void(0);" id="click_ms" > <img src="http://www.gimoo.net/t/1902/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="http://www.gimoo.net/t/1902/img/bbg_08.jpg" border="0" > </a>
這樣就達到位們的目的了,當然還有這種做法
$('div').click(function () { alert(this.innerText); });
效果一樣的。
以上這篇Jquery為DIV添加click事件的簡單實例就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持綠夏網。
#免責聲明#
本站[綠夏技術導航]提供的一切軟件、教程和內容信息僅限用于學習和研究目的;不得將上述內容用于商業或者非法用途,否則,一切后果請用戶自負。本站信息來自網絡收集整理,版權爭議與本站無關。您必須在下載后的24個小時之內,從您的電腦或手機中徹底刪除上述內容。如果您喜歡該程序或內容,請支持正版,購買注冊,得到更好的正版服務。我們非常重視版權問題,如有侵權請郵件[admin@lxwl520.com]與我們聯系進行刪除處理。敬請諒解!