欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery中trigger()與bind()用法分析

 更新時(shí)間：2015年12月18日 15:35:21   作者：匆匆夏日  
這篇文章主要介紹了jQuery中trigger()與bind()用法,結(jié)合實(shí)例形式分析了trigger()與bind()的功能、定義及具體使用技巧,需要的朋友可以參考下

本文實(shí)例講述了jQuery中 trigger()與bind()用法。分享給大家供大家參考，具體如下：

trigger(type)

在每一個(gè)匹配的元素上觸發(fā)某類事件。

返回值:jQuery

參數(shù):

type (String): 要觸發(fā)的事件類型

示例:

復(fù)制代碼 代碼如下:
$("p").trigger("click")

1.trigger() 觸發(fā)事件

這個(gè)方法是jQuery 1.3中新增的一個(gè)引起觸發(fā)事件的函數(shù)。
這里的事件就如jQuery的幫助文檔中的事件那一欄，如：click, mouseover, keydown 等有動(dòng)作的js事件，而像show, hide這是效果不是事件。

2.為什么要用 trigger() ？

相信剛開始接觸大家也都有這樣的想法?

比如前臺(tái)頁面里有：<p id="p1">請(qǐng)點(diǎn)擊這里！</p>
你希望加載頁面時(shí)就執(zhí)行這個(gè)事件給這個(gè)這p綁定了click事件（將下面的代碼寫在$(function(){});里面）：

$("#p1").click(function(){
  alert("hello!");
});

如果用trigger()，你就要寫成這樣：

$("#p1").click(function(){
  alert("hello!");
}).trigger(click);

這樣寫不是更加麻煩了嗎？可以這么說，但是用trigger()最大的好處就是它是可以傳遞參數(shù)進(jìn)去的。例如：

//myEvent為自定義事件名
$("#p1").bind("myEvent",function(event,str1,str2) {
  alert(str1 + ' ' + str2); 
});
$("#p1").trigger("myEvent",["Hello","World"]);

也可以這樣寫：

$("#p1").bind("myEvent",function(event,str1,str2) {
  alert(str1 + ' ' + str2);
}).trigger("myEvent",["Hello","World"]);

希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。

相關(guān)文章

  • 基于jQuery ligerUI實(shí)現(xiàn)分頁樣式

    基于jQuery ligerUI實(shí)現(xiàn)分頁樣式

    這篇文章主要為大家詳細(xì)介紹了基于jQuery ligerUI實(shí)現(xiàn)分頁樣式,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2016-09-09
  • jquery插件之文字間歇自動(dòng)向上滾動(dòng)效果代碼

    jquery插件之文字間歇自動(dòng)向上滾動(dòng)效果代碼

    這篇文章主要介紹了jquery插件之文字間歇自動(dòng)向上滾動(dòng)效果代碼,涉及jquery基于時(shí)間函數(shù)定時(shí)觸發(fā)頁面元素變換實(shí)現(xiàn)滾動(dòng)效果的相關(guān)技巧,需要的朋友可以參考下
    2016-02-02
  • Javascript 驗(yàn)證上傳圖片大小[客戶端]

    Javascript 驗(yàn)證上傳圖片大小[客戶端]

    在做上傳圖片的時(shí)候，如果不限制上傳圖片大小，后果非常的嚴(yán)重。那么我們?cè)鯓硬趴梢越鉀Q一個(gè)棘手的問題呢？
    2009-08-08
  • jquery.validate表單驗(yàn)證插件使用詳解

    jquery.validate表單驗(yàn)證插件使用詳解

    這篇文章主要為大家詳細(xì)介紹了jquery.validate表單驗(yàn)證插件的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2017-06-06
  • jq實(shí)現(xiàn)酷炫的鼠標(biāo)經(jīng)過圖片翻滾效果

    jq實(shí)現(xiàn)酷炫的鼠標(biāo)經(jīng)過圖片翻滾效果

    一個(gè)酷炫的圖片翻滾效果要實(shí)現(xiàn)這個(gè)效果并不難，只要思路對(duì)了，一切都好辦，下面有個(gè)不錯(cuò)的示例，大家可以參考下
    2014-03-03
  • jQuery實(shí)現(xiàn)Div拖動(dòng)+鍵盤控制綜合效果的方法

    jQuery實(shí)現(xiàn)Div拖動(dòng)+鍵盤控制綜合效果的方法

    這篇文章主要介紹了jQuery實(shí)現(xiàn)Div拖動(dòng)+鍵盤控制綜合效果的方法,實(shí)例分析了jQuery操作div塊拖動(dòng)的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
    2015-03-03
  • jquery分頁插件AmSetPager(自寫)

    jquery分頁插件AmSetPager(自寫)

    第一次做的插件，我這個(gè)插件好像使用有些另類，是調(diào)用數(shù)據(jù)展示容器的元素$(#DataContent).AmSetPager({...});在參數(shù)中配置分頁容器元素ID。寫完插件后看別的插件都是調(diào)用分頁元素ID
    2013-04-04
  • jQuery 操作 HTML 元素和屬性的方法

    jQuery 操作 HTML 元素和屬性的方法

    這篇文章主要介紹了jQuery 操作 HTML 元素和屬性的方法，非常不錯(cuò)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2018-11-11
  • Jquery $.getJSON 在IE下的緩存問題解決方法

    Jquery $.getJSON 在IE下的緩存問題解決方法

    $.getJSON 的url都是相同的 問題來了 我修改 或者 新增樹節(jié)點(diǎn) 然后刷新tree IE竟然毫無變化 在其他瀏覽器上面都OK，于是搜到一個(gè)可行的解決方法
    2014-10-10
  • jQuery中after()方法用法實(shí)例

    jQuery中after()方法用法實(shí)例

    這篇文章主要介紹了jQuery中after()方法用法,以實(shí)例形式較為詳細(xì)的分析了after()方法的功能、特性與使用技巧,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2014-12-12

最新評(píng)論