jQuery事件3——trigger触发事件
生活随笔
收集整理的這篇文章主要介紹了
jQuery事件3——trigger触发事件
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
作用:觸發(fā)事件,可傳參數(shù)為事件類(lèi)型(包括自定義事件)和傳遞給事件處理程序的額外數(shù)組參數(shù)
【例1】傳事件類(lèi)型
<!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>結(jié)果:無(wú)需點(diǎn)擊觸發(fā)事件,trigger觸發(fā)了點(diǎn)擊事件
【例2】傳自定義事件
$('div').on('addText',function () {$(this).text('桃花扇'); }) $('div').trigger('addText');結(jié)果同上
【例3】傳自定義事件+數(shù)組
$('div').on('addText',function (e,a,b,c) {$(this).text(a + b + c); }) $('div').trigger('addText',['桃','花','扇']);結(jié)果同上
總結(jié)
以上是生活随笔為你收集整理的jQuery事件3——trigger触发事件的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: jQuery事件2——off取消事件绑定
- 下一篇: jQuery事件4——hover