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

如何使jquery javascript库只影响HTML中的特定div?,jquery,html,version,javascript,Jquery,Html,Version,Javascript,我想知道如何使jquery javascript库只影响HTML?中的特定div?。我们假设我们有以下代码: <html> <head> </head> <body> <script src="jquery.js" type="text/javascript"></script> <script src="jquery1.js" type="text/javascript"></script

我想知道如何使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库,jquery1.js文件包含版本为1.11.1:的jquery javascript库。我真正想知道的是,如何使jquery.js脚本只影响id为“div1”的div,以及如何使jquery1.js脚本只影响另一个div(我是指id为“div2”的div)。有可能吗


提前感谢。

@Nick R
的评论是正确的;不应在同一页面上加载不同版本的
JQuery
。不同版本的JQuery库通常包含相同函数的不同版本,并相互冲突。这是因为当外部文件(
JQuery
库)加载到
HTML
页面时,所有
HTML
页面都可以访问该文件。因此,当您将两个不同的库加载到同一个页面中时——无论您在页面中的什么位置——任何地方都会意识到这两个库。

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

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

然后,您可以将各种div限定到单个版本的JQuery,以防止出现任何问题。在Angular中,范围界定与编写访问JQuery的控制器一样简单。然后在html中创建$scope.jqv1=…,并

<div ng-controller="JQueryControllerOne">


等等。

你想要达到的最终结果是什么?您是否正在尝试使用旧版本jQuery中已弃用的功能?您可能不应该在同一页面上加载两个不同版本的jQuery。我可以问一下为什么吗?如果你想要IE支持,只需使用1.11.1它支持IE,2.1.1没有IE或遗留支持。这不是我们应该如何使用jQuerywell,事实上,我尝试将不同的部分放入不同的HTML页面中,然后按照你告诉我的那样将它们嵌入到页面中,但没有效果。顺便说一句,我也有Jquery库冲突的问题,你有没有用过Symfony2?不幸的是,我不能说我用过Symfony2。你能说得更具体一点吗?事实上,我正在研究Symofony2框架,有可能在Symfony2中实现吗??如果是的话,你能告诉我怎么做吗?。提前谢谢。