JQuery - 重用定义的元素答案

【问题标题】：JQuery - Reusing defined elementJQuery - 重用定义的元素
【发布时间】：2014-10-01 01:26:24
【问题描述】：

我有一个重复的元素。我尝试多次使用它，但不能。我最终做了多次。

$(function(){
   $('#schstart1').datepicker({
      format: 'mm-dd-yyyy',
      startDate: '01-01-1900'
    });  
    $('#schend1').datepicker({
      format: 'mm-dd-yyyy',
      startDate: '01-01-1900'
    });  
    $('#schstart2').datepicker({
      format: 'mm-dd-yyyy',
      startDate: '01-01-1900'
    });  
....
...
..

有没有我可以只定义#schstart 并重复使用多次？

【问题讨论】：

改用类。给每个元素添加类needDatepicker，然后使用$(".needDatepicker").datepicker({...})
嗯，这很管用！你应该把答案放在答案部分，这样我就可以打勾了

标签： jquery function methods

【解决方案1】：

改用类。为每个元素添加类 needDatepicker，然后使用

$(".needDatepicker").datepicker({...})

【讨论】：

【解决方案2】：

这应该是一样的（只是修改选择器）：

$('#schstart1, #schend1, #schstart2').datepicker({
  format: 'mm-dd-yyyy',
  startDate: '01-01-1900'
});

【讨论】：

我需要定义选择器吗？有什么方法可以让#schstart 仅用于 1 个以上的输入字段？

【解决方案3】：

将其定义为以$ 开头的变量，随意命名。它现在代表一个 jQuery 对象并保存为变量，因此您可以反复使用它而无需再次引用它以节省内存。

var $schstart1 = $('#schstart1');

$schstart1.datepicker({
    format: 'mm-dd-yyyy',
    startDate: '01-01-1900'
});
$schstart1.datepicker({
    format: 'mm-dd-yyyy',
    startDate: '01-01-1900'
});

如果您想了解有关 jQuery 对象变量及其工作原理的更多信息，请查看这个很好的答案 HERE。

【讨论】：