jQuery事件3——trigger触发事件
生活随笔
收集整理的這篇文章主要介紹了
jQuery事件3——trigger触发事件
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
作用：觸發事件，可傳參數為事件類型（包括自定義事件）和傳遞給事件處理程序的額外數組參數
【例1】傳事件類型
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>div {width: 100px;height: 100px;line-height: 100px;background-color: darkcyan;text-align: center;color: #fff;}</style> </head> <body><div></div> </body> <script src="./jquery.js"></script> <script>$('div').on('click',function () {$(this).text('桃花扇');})$('div').trigger('click'); </script> </html>結果：無需點擊觸發事件，trigger觸發了點擊事件
【例2】傳自定義事件
$('div').on('addText',function () {$(this).text('桃花扇'); }) $('div').trigger('addText');結果同上
【例3】傳自定義事件+數組
$('div').on('addText',function (e,a,b,c) {$(this).text(a + b + c); }) $('div').trigger('addText',['桃','花','扇']);結果同上
總結
以上是生活随笔為你收集整理的jQuery事件3——trigger触发事件的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： jQuery事件2——off取消事件绑定
- 下一篇： jQuery事件4——hover