日韩av黄I国产麻豆传媒I国产91av视频在线观看I日韩一区二区三区在线看I美女国产在线I麻豆视频国产在线观看I成人黄色短片

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 >

jQuery中 trigger() bind() 使用心得

發布時間:2025/7/14 30 豆豆
生活随笔 收集整理的這篇文章主要介紹了 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() 使用心得的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。