Bootstrap js插件源代码如何$('body').on('focus.typeahead.data-api','[data-provide ="typeahead"]',函数(e)如何工作?

Gni*_*ohz 7 jquery twitter-bootstrap

我正在查看bootstrap的js插件,即bootstrap-typeahead.js.我无法弄清楚如何选择元素.

$('body').on('focus.typeahead.data-api', '[data-provide="typeahead"]', function (e) 
Run Code Online (Sandbox Code Playgroud)

我知道元素实际上是由数据提供部分选择的,但是当我查看jquery.js时,我无法弄清楚它是如何完成的.从.on()部分我去了event.add()部分然后我变得更加困惑.任何人都可以告诉我这是怎么做的

我知道什么是这样,但想知道如何元素.如何选择?我需要更多的想法.

dan*_*man 3

该方法的第一个参数on()是事件,在本例中它是命名空间的 - 事件位于命名空间focustypeahead.data-api

第二个参数是用于事件委托目的的过滤器选择器。实际的事件处理程序附加到body元素,但处理程序函数仅针对来自属性值为 的元素的事件data-provide执行typeahead