Javascript 如何管理不同页面和需求之间的java脚本引用

假设我有两个网页，其中使用了一个日期选择器。 此外，我还有一个网页，我需要在同一页上的3个日期选择器

那么如何管理java脚本id引用呢？我应该在

\u layout.xml

中使用这样的脚本吗

<script>
        $(document).ready(function () {            
            $("#datepicker1").datepicker();
            $("#datepicker2").datepicker();
            $("#datepicker3").datepicker();
        });
    </script>

$（文档）.ready（函数（）{
$（“#datepicker1”）.datepicker（）；
$（“#datepicker2”）.datepicker（）；
$（“#datepicker3”）.datepicker（）；
});

所有页面（除多页外）都将有：

 <div id="datepicker1"></div>

倍数将有：

 <div id="datepicker1"></div>
 <div id="datepicker2"></div>
 <div id="datepicker3"></div>

我来自OO编程，有些东西不适合这里。web\js世界中对这个常见用例有哪些约定

---

编辑：mmMultiple datepicker页面脚本有不同的设置…

如果它们都将以相同的方式初始化插件，我将使用类而不是ID：

<script> 
$(document).ready(function () {
    $(".datepicker").datepicker();
}); 
</script>

$（文档）.ready（函数（）{
$（“.datepicker”）.datepicker（）；
}); 

HTML

---

视情况而定。如果它们都使用完全相同的设置，请使用一个类：

<div class="datepicker"></div>

这将使用类

datepicker

处理所有事情，不管有多少个（一个、三个、一万个[尽管这可能会使页面速度非常慢]）

---

如果它们需要不同的设置，那么您需要坚持使用ID，并单独初始化它们，如您在问题中所示。

我也会这样做。但我不喜欢的是：ReSharper和visualstudio警告我该类没有在任何地方定义。我总是可以在CSS中添加额外的标记，但对我来说，这似乎是完全错误的答案。还有其他人解决了这个问题吗？@CharlieKilian这是一个警告，不是错误，所以请忽略它；就我所知，明确使用类来标识元素（即该类没有附加样式）是一种标准做法。@CharlieKilian我看不出有任何问题。这些警告不应该存在。从技术上讲，这是一个很好的方法。你们两个都同意。我讨厌忽视警告，这是唯一的事情。这会导致不良的心态。但谢谢你们两位的反馈。很高兴知道我不是唯一的一个。@CharlieKilian你是说有时候

.datepicker

不在HTML标记中，而javasript调用它会在HTML标记中？可以在jQuery中使用

$（'[id^=“datepicker”]'）.datepicker（）

，获取多个id，但如下所述，最好的解决方案是一个普通的类。感谢所有的答案在这个线程。我已经决定对所有人使用公共类，对于多个（有不同的设置）我将创建自己的东西。干杯

<div class="datepicker"></div>

$('.datepicker').datepicker();