使用多个 jQuery 选择器？答案

【问题标题】：Using multiple jQuery selectors?使用多个 jQuery 选择器？
【发布时间】：2012-10-17 10:01:14
【问题描述】：

这是我的示例代码：

<input type="text" id="input1" />
<input type="text" id="input2" />

<div id="result"></div>

在 jQuery 中，我想听两个输入的变化是这样的：

$('#input1,#input2').change(function(){

var val1 = $('#input1').val();
var val2 = $('#input2').val();

[...some more code...]

});

但我就是无法让它工作...有什么帮助吗？提前谢谢...

【问题讨论】：

应该可以的。您是否将 JavaScript 代码放入 $(document).ready(function() { ... }) 中？
这段代码应该可以工作。你在哪里注册这些线路？在文档中。准备好了吗？请确保您的 HTML id 在浏览器中呈现为“input1”。只需检查查看源代码会有所帮助
works 就好了。请注意，当输入框失去焦点时会发生更改。（否则你应该使用关键事件）

标签： jquery selector

【解决方案1】：

什么不起作用？见http://jsfiddle.net/XYSwz/

HTML

<input type="text" id="input1" />
<input type="text" id="input2" />
<div id="result"></div>

jQuery

$(document).ready(function() {
    $('#input1, #input2').change(function(){
        var val1 = $('#input1').val();
        var val2 = $('#input2').val();
    
        alert(val1);
        alert(val2);
    });
});

【讨论】：

【解决方案2】：

试试这个代码：

$(document).ready(function() {
  $('#input1,#input2').change(function(){
    var val1 = $('#input1').val();
    var val2 = $('#input2').val();
     alert(val1);//test
     alert(val2);//test
  });
});

JSFIDDLE

【讨论】：

【解决方案3】：

您的代码应该按原样运行。

您可以随时尝试add() 函数：

$(function() {
    $('#input1').add('#input2').change(function() {
        var val1 = $('#input1').val();
        var val2 = $('#input2').val();

    });
});

如果您的元素是动态创建的，则需要使用on() 或live() 函数：

$(function() {
    $('#input1').add('#input2').on('change', function() {
        var val1 = $('#input1').val();
        var val2 = $('#input2').val();

    });
});

【讨论】：