jQuery中 trigger() bind() 使用心得
? ?trigger(type)?
在每一個匹配的元素上觸發某類事件。?
返回值:jQuery
參數:
type (String): 要觸發的事件類型?
示例:
$("p").trigger("click")?
?
1.trigger() 觸發事件
?? 這個方法是jQuery 1.3中新增的一個引起觸發事件的函數。
? 這里的事件就如jQuery的幫助文檔中的事件那一欄,如:click, mouseover, keydown 等有動作的js事件,而像show, hide這是效果不是事件。
?
2.為什么要用 trigger() ?
? 相信剛開始接觸大家也都有這樣的想法?
? 比如前臺頁面里有:<p id="p1">請點擊這里!</p>?
??你希望加載頁面時就執行這個事件給這個這p綁定了click事件(將下面的代碼寫在$(function(){});里面):
? ?? ?$("#p1").click(function(){
? ? ? ? ? ? ? ? alert("hello!");
? ? ? ? ? ? });
? ?如果用trigger(),你就要寫成這樣:
? ? ? ? ? ??$("#p1").click(function(){
? ? ? ? ? ? ? ? alert("hello!");
? ? ? ? ? ? }).trigger(click);
?
這樣寫不是更加麻煩了嗎?可以這么說,但是用trigger()最大的好處就是它是可以傳遞參數進去的。例如:
? ? ??? //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"]);?
?
轉載于:https://www.cnblogs.com/mgqworks/p/7714573.html
總結
以上是生活随笔為你收集整理的jQuery中 trigger() bind() 使用心得的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 洛谷3933 Chtholly Nota
- 下一篇: 创建 Java 第三方类库,以及制作类库