如何使jQuery JavaScript庫僅影響HTML中的特定div？

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：版本1.4的jquery javascript庫，文件jquery1.js包含版本為1.11.1：版本1.11.1的jquery javascript庫。 我真正想知道的是如何使jquery.js腳本僅影響具有id“ div1”的div，以及如何使jquery1.js腳本僅影響另一個ID（我的意思是div具有id“ div2”）。 有可能這樣做嗎？

提前致謝。

Answer 1

@Nick R的評論是正確的； 您不應在同一頁面上加載不同版本的JQuery 。 不同版本的JQuery庫通常包含相同功能的不同版本，並且會彼此產生沖突。 這是因為當將外部文件（ JQuery庫）加載到HTML頁面中時，所有HTML頁面都可以訪問該文件。 因此，當您將兩個不同的庫加載到同一個頁面中時（無論您在頁面中的位置如何），到處都會意識到這兩個庫。

到此為止，您可以創建新頁面，每個頁面都加載不同的庫。 您想要在原始頁面的div放入的所有內容都將在新頁面上。 然后，您可以將它們作為嵌入式框架嵌入到您的原始頁面中。

Answer 2

實際上，存在將不同版本的JQuery加載到同一頁面的“安全”方法。 例如，如果您使用的是AngularJS框架，則可以為兩個版本的JQuery定義$ scope。

為了防止發生任何問題，您可以將各種div限定到單個版本的JQuery。 在Angular中，作用域定義就像編寫訪問JQuery的控制器一樣簡單。 比在HTML中創建$ scope.jqv1 = ..

<div ng-controller="JQueryControllerOne">

等等

如何使jQuery JavaScript庫僅影響HTML中的特定div？

問題描述

2 個解決方案

解決方案1
0 2014-06-26 16:34:17

解決方案2
0 2014-06-26 16:48:08

如何使jQuery JavaScript庫僅影響HTML中的特定div？

問題描述

2 個解決方案

解決方案1 0 2014-06-26 16:34:17

解決方案2 0 2014-06-26 16:48:08

解決方案1
0 2014-06-26 16:34:17

解決方案2
0 2014-06-26 16:48:08