单个页面上的多个 jQuery 版本

将依赖于 jQuery 的小部件集成到客户的网页中时，如果它们是已经使用过时的 jQuery 版本。确保兼容性，同时避免干扰现有代码变得至关重要。

幸运的是，jQuery 通过其 noConflict 模式提供了解决方案。这允许您加载多个版本的库而不会发生冲突。

代码实现

要实现此目的：

1. 加载旧版本jQuery 的（如果存在）：
2. 加载较新的版本（我们自己的）：

3. 每次加载后使用 $.noConflict(true) 来防止 $.引用冲突的库：

   • var $oldJquery = $.noConflict(true);
   • var $newJquery = $.noConflict(true);

4. 根据需要使用$oldJquery或$newJquery来区分版本:

   • $oldJquery('#old-selector').function();
   • $newJquery('#new-选择器').function();

优点：

• 无干扰： 每个 jQuery 版本独立运行，不影响其他版本。
• 版本特定处理： 您可以使用不同的 $ 别名（$oldJquery、$newJquery）定位特定版本.
• 兼容性：它允许我们的小部件使用更新的 jQuery 功能，同时仍然支持老客户

通过使用noConflict模式，可以有效地在同一页面上使用多个jQuery版本，保证兼容性，避免与客户现有代码冲突。