jQuery事件綁定

jQuery事件綁定有以下幾種方式:
方式一:

$(".c1").click()

方式二:

$(".c1").bind('click',function(){
      })
 $(".c1").unbind('click',function(){
      })

方式三:

$(".c1").delegate('a','click',function(){
      })
 $(".c1").undelegate('a','click',function(){
      })

該種方式可為新增的標(biāo)簽綁定改點擊事件乘粒,其他方式不行,如下示例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <input id="t1" type="text" />
    <input id="a1" type="button" value="添加" />

    <ul id="u1">
        <li>1</li>
        <li>2</li>
    </ul>
<script src="jquery-1.12.4.js"></script>
    <script>
        $('#a1').click(function () {
            var v = $('#t1').val();
            var temp = "<li>" + v + "</li>";
            $('#u1').append(temp);
        });

//        $('ul li').click(function () {
//            var v = $(this).text();
//            alert(v);
//        })

//        $('ul li').bind('click',function () {
//            var v = $(this).text();
//            alert(v);
//        })

//        $('ul li').on('click', function () {
//            var v = $(this).text();
//            alert(v);
//        })

        $('ul').delegate('li','click',function () {
            var v = $(this).text();
            alert(v);
        })

    </script>
</body>
</html>

方式四:

$(".c1").on('click',function(){
      })
$(".c1").off('click',function(){
      })

某些標(biāo)簽含有默認(rèn)時間,如a標(biāo)簽剧劝,我們只需寫入一個url默認(rèn)就會跳轉(zhuǎn)到對應(yīng)頁面琼牧,我們也可以為a添加自定義點擊事件叼耙。那么這個默認(rèn)事件與自定義事件誰先執(zhí)行呢?不同標(biāo)簽會不一樣皂林。默認(rèn)事件先執(zhí)行的如checkbox蜈七,自定義先執(zhí)行的如a、submit

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末婿脸,一起剝皮案震驚了整個濱河市粱胜,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌狐树,老刑警劉巖焙压,帶你破解...
    沈念sama閱讀 216,496評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異抑钟,居然都是意外死亡涯曲,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,407評論 3 392
  • 文/潘曉璐 我一進(jìn)店門在塔,熙熙樓的掌柜王于貴愁眉苦臉地迎上來幻件,“玉大人,你說我怎么就攤上這事蛔溃〈铝ぃ” “怎么了?”我有些...
    開封第一講書人閱讀 162,632評論 0 353
  • 文/不壞的土叔 我叫張陵贺待,是天一觀的道長徽曲。 經(jīng)常有香客問我,道長麸塞,這世上最難降的妖魔是什么秃臣? 我笑而不...
    開封第一講書人閱讀 58,180評論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮喘垂,結(jié)果婚禮上甜刻,老公的妹妹穿的比我還像新娘绍撞。我一直安慰自己,他們只是感情好得院,可當(dāng)我...
    茶點故事閱讀 67,198評論 6 388
  • 文/花漫 我一把揭開白布傻铣。 她就那樣靜靜地躺著,像睡著了一般祥绞。 火紅的嫁衣襯著肌膚如雪非洲。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,165評論 1 299
  • 那天蜕径,我揣著相機與錄音两踏,去河邊找鬼。 笑死兜喻,一個胖子當(dāng)著我的面吹牛梦染,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播朴皆,決...
    沈念sama閱讀 40,052評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼帕识,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了遂铡?” 一聲冷哼從身側(cè)響起肮疗,我...
    開封第一講書人閱讀 38,910評論 0 274
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎扒接,沒想到半個月后伪货,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,324評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡钾怔,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,542評論 2 332
  • 正文 我和宋清朗相戀三年碱呼,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片蒂教。...
    茶點故事閱讀 39,711評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡巍举,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出凝垛,到底是詐尸還是另有隱情懊悯,我是刑警寧澤,帶...
    沈念sama閱讀 35,424評論 5 343
  • 正文 年R本政府宣布梦皮,位于F島的核電站炭分,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏剑肯。R本人自食惡果不足惜捧毛,卻給世界環(huán)境...
    茶點故事閱讀 41,017評論 3 326
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧呀忧,春花似錦师痕、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,668評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至泞辐,卻和暖如春笔横,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背咐吼。 一陣腳步聲響...
    開封第一講書人閱讀 32,823評論 1 269
  • 我被黑心中介騙來泰國打工吹缔, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人锯茄。 一個月前我還...
    沈念sama閱讀 47,722評論 2 368
  • 正文 我出身青樓厢塘,卻偏偏與公主長得像,于是被迫代替她去往敵國和親撇吞。 傳聞我的和親對象是個殘疾皇子俗冻,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,611評論 2 353

推薦閱讀更多精彩內(nèi)容

  • 事件的處理程序在js當(dāng)中很重要的。事件驅(qū)動是js的重要組成部分牍颈。在js中,有html中處理程序琅关,dom0級煮岁,dom...
    風(fēng)清揚101閱讀 216評論 0 0
  • 如果你經(jīng)常使用jQuery,那么你也許很熟悉事件綁定涣易。這是很基本的東西画机,但是深入一點,你就能夠找到機會讓你事件驅(qū)動...
    dctxf閱讀 234評論 0 0
  • 一個同時問我新症,JQuery事件綁定為什么不生效步氏,最好通過查找,發(fā)現(xiàn)了問題徒爹。一般而言荚醒,JQuery事件綁定不生效,是...
    ITman彪叔閱讀 2,504評論 3 2
  • 最近邊上班邊做畢設(shè)(感覺自己馬上要接到離職通知書了)隆嗅,好久沒寫原生js界阁,遇到一個問題,前端請求返回了一個部門Jso...
    哦啦吧啦丶閱讀 348評論 0 1
  • 【夜中有感(其一)】 曾經(jīng)棄世欲求仙胖喳, 倒底凡夫動思弦泡躯。 莫道人間歡樂趣, 誰多意緒問嬋娟。 【夜中有感(其二)】...
    姑射閱讀 252評論 0 4