Jquery选择器 - 多个项目

时间:2011-08-01 10:08:24

标签: javascript jquery css-selectors

说我有两个jquery选择:

var txtA = $('#txtA');
var txtB = $('#txtB');

为了附加相同的事件函数,这是最好的方法,还是我错过了一个明显的语法或jquery向导?

$(jQuery.merge(txtA , txtB )).click(function () { alert('hello'); });

感谢。

4 个答案:

答案 0 :(得分:9)

.add()应该这样做(如果您已填充txtAtxtB并希望重复使用这些选择。):

txtA.add(txtB).click(function () {
    alert('hello');
});
  

给定一个表示一组DOM元素的jQuery对象,.add()方法从这些元素的并集和传递给方法的元素构造一个新的jQuery对象。 .add()的参数几乎可以是$()接受的任何内容,包括jQuery选择器表达式,对DOM元素的引用或HTML片段。

答案 1 :(得分:2)

$('#txtA, #txtB').click(function () { alert('hello'); });

可能适合你

答案 2 :(得分:1)

这就是我所做的:

$()
    .add(elementOne)
    .add(elementTwo)
    .add(elementThree)
    .click(function() {
        alert('hello');
    });

答案 3 :(得分:0)

你可以这样做:

$("#txtA, #txtB").click(function () { alert('hello'); });

和CSS选择器一样,很酷! : - )