Question

我想知道如何使jquery javascript库影响HTML中的特定div？我们假设我们有以下代码：

<html>
<head>
</head>
<body>
    <script src="jquery.js" type="text/javascript"></script>
    <script src="jquery1.js" type="text/javascript"></script>
    <div id="div1"></div>
    <div id="div2"></div>
</body>

我们还假设文件jquery.js包含版本为1.4的jquery javascript库：version 1.4，文件jquery1.js包含版本为1.11.1的jquery javascript库：{{3} }。我真正想知道的是如何使jquery.js脚本只影响具有id“div1”的div，以及如何使jquery1.js脚本只影响另一个（我的意思是div具有id“div2”）。有可能吗？

提前致谢。

Answer 1

@Nick R对他的评论是正确的;您不应在同一页面上加载JQuery的不同版本。 JQuery库的不同版本通常包含相同功能的不同版本，并相互产生冲突。这是因为当外部文件（JQuery库）加载到HTML页面时，所有HTML页面都可以访问该文件。因此，当您将两个不同的库加载到同一页面时 - 无论您在页面中的哪个位置 - 任何地方都会知道这两个库。

作为一种解决方法，您可以创建每个加载不同库的新页面。您想要放在原始页面上的div内的所有内容都将放在新页面上。然后，您将它们嵌入到原始页面中作为内联框架。

Answer 2

实际上有“安全”方法将不同版本的JQuery加载到同一页面中。例如，如果您使用的是AngularJS框架，则可以为两个版本的JQuery定义$ scope。

您可以将各种div范围扩展到单个版本的JQuery，以防止出现任何问题。在Angular中，范围确定就像编写访问JQuery的控制器一样简单。比创建$ scope.jqv1 = ..，并在html中

<div ng-controller="JQueryControllerOne">

等

如何使jquery javascript库只影响HTML中的特定div？

2 个答案: