如何使用 jQuery 对象作为委托方法的参数

Question

多个选择器与委托一起使用，使用如下：

$(contextElement).delegate('selector1, selector2' , 'eventName', function(){ //blabla });

在管理 DOM 元素变得至关重要的大型项目中，将元素存储在绑定到窗口对象的变量中成为一种有吸引力的工作方式。

但是我不能加入这种在委托方法上使用多个选择器的工作方式：

window.someControl = {
     contextElement = $('selector0'),
     DOMasProperty1 = $('selector1'),
     DOMasProperty2 = $('selector2')
}

someControl.contextElement.delegate(
'you magic answer for using DOMasProperty1 
and DOMasProperty2', 
'click', 
function(){ 

  //blabla 

});

注意： 我知道选择器与其 jQuery 对象相反的字符串值可以存储在 someControl 对象中。但是，我存储 jQuery 对象以提高代码的性能，并且简单地一遍又一遍地调用字符串值将使这种工作方式与简单地使用选择器名称和方法没有什么不同。

我需要一个答案，以某种方式将委托的使用与减少 DOM 查找结合起来

Answer 1

jQuery 对象有一个 .selector 属性，它将引用您的原始选择器。

someControl.contextElement.delegate(
    window.someControl.DOMasProperty1.selector + ',' + 
    window.someControl.DOMasProperty2.selector,
    'click', 
    function(){ 

          //blabla 

    });

请注意，它适用于：

DOMasProperty1 = $('selector1'),

...但如果您包含 DOM 遍历方法，则可能不会：

DOMasProperty1 = $('selector1').parent(),

Answer 2

我不是完全清楚你的问题，但我可能会这样做：

window.someControl = {
    contextElement: $('selector0'),
    selectors: ['selector1', 'selector2']
}

someControl.contextElement.delegate(someControl.selectors.join(','), 'click', function(){ 
    // …
});

请注意，创建对象 JavaScript 的语法如下所示：

{
    key: value
}

不是这样的：

{
    key = value
}