jQuery学习-事件之绑定事件（七）

今天来说说事件中的handlers方法中的一个片段

 1 matches[ sel ] = handleObj.needsContext ?

 2     jQuery( sel, this ).index( cur ) >= 0 :

 3     jQuery.find( sel, this, null, [ cur ] ).length;

 4 /*

 5  这是handler是方法中过滤委托的方法。等价于

 6 if(handleObj.needsContext){

 7     matches[ sel ] = jQuery( sel, this ).index( cur ) >= 0;

 8        这句语句的意思是：

 9          在this（这里是被绑定委托方法的元素）元素中查找sel（selector）表达式的元素，

          这里返回的是数组，然后在结果数组中查找cur（触发事件元素），返回其索引值。 

          如果大于-1为true反之false；

 }else{

     matches[ sel ] = jQuery.find( sel, this, null, [ cur ] ).length;

       这句语句的意思是在this元素中查找符合sel表达式的元素，同时该元素存在与[cur]这个数组中，

       返回数组的长度。

 }

  那handleObj.needsContext又是什么，请接着看下去......

  handleObj.neddsContext是出现在jQuery事件add方法中的，如下：      

 */

 

 handleObj = jQuery.extend({

                 type: type,//事件类型名称

                 origType: origType,//事件类型名称

                 data: data,//自定数据

                 handler: handler,//事件

                 guid: handler.guid,//事件的guid

                 selector: selector,//委托的selector

                 needsContext: selector && jQuery.expr.match.needsContext.test( selector ),

                 /*

                  jQuery.expr.mathc.needsContext = 

                      /^[\x20\t\r\n\f]*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\([\x20\t\r\n\f]*((?:-\d)?\d*)[\x20\t\r\n\f]*\)|)(?=[^-]|$)/i

                  这个判断时判断类似"p:first,p:odd .... p:eq(2),p:last[attr=xxx]等selector"

                  * * */

                 namespace: namespaces.join(".")

             }, handleObjIn );        

 /*

 看到上诉注释，是不是很清楚了，needsContext其实就是判断first，odd等这种快捷特殊的表达式的，

 如果我们的selector="p:last"这样的，就是最后一个P元素符合条件

39 */ 

今天又被吊了，唉~，飘飘飘飘过了