怎么给JQuery对象添加一个新事件

像bootstrap一样

    $('#myPopover').on('hidden.bs.popover', function () {
          // do something…
    })；

浏览器怎么知道有hidden.bs.popover个事件的发生的？

---

这个是自定义事件.

bootstrap 中的js会在代码里 trigger 这个事件.

Popover 继承自 Tooltip

当触发 hide 这个方法时, 它会通过 $.Event来触发 你所描述的那个hidden.bs.popover事件.

$.Event 用法说明.

简单点讲就是:

//绑定自定义事件, 名字为 `abcdefg` (比如我发布了某个基于jQuery的插件,我在说明中描述,我会在某种情况下触发 abcdefg 这个名字的事件, 而我在使用这个插件的时候, 想在触发这个事件时,做某些事情. 那么就使用下面的代码来绑定这个事件, 来等待某个事件的发生.)
$('body').on('abcdefg', function(){alert('tirrger');});


//延时3秒后,触发
setTimeout(function(){
    $('body').trigger('abcdefg');
}, 3000);

---

这是自定义事件，需要自己触发~使用.trigger()