Javascript 如何获取较旧的jquery版本以访问SVG元素

Javascript 如何获取较旧的jquery版本以访问SVG元素,javascript,jquery,css,Javascript,Jquery,Css,我一直在应用程序上使用jQuery1.11.3,但jQuery1.11.3似乎不想访问SVG中的元素。这可能吗。我不明白为什么不 使用Jquery 1.11.3不起作用(更新,现在使用的是1.12.4版,可以正常工作) 使用jquery 3.1-works 更新: 多亏了@Rikin,我意识到我可以使用1.12.4版,它开始向SVG添加类名,幸运的是,这个版本可以与我正在开发的应用程序配合使用 JQUERY $( ".amenitylink" ).on( "click", function

我一直在应用程序上使用jQuery1.11.3,但jQuery1.11.3似乎不想访问SVG中的元素。这可能吗。我不明白为什么不

使用Jquery 1.11.3不起作用(更新,现在使用的是1.12.4版,可以正常工作)

使用jquery 3.1-works

更新: 多亏了@Rikin,我意识到我可以使用1.12.4版,它开始向SVG添加类名,幸运的是,这个版本可以与我正在开发的应用程序配合使用

JQUERY

 $( ".amenitylink" ).on( "click", function() {
  $('svg #lobby').toggleClass("highlight");
 });
HTML


正如上面v1.11.3所述,它确实正确地以SVG元素为目标,但未能在其中添加类名。当我调试它时,它显示了类似这样的突出显示
[object SVGsomething]highlight


SVG元素类添加已在~1.12.4库中解决,您可以使用它来解决问题。

它确实正确地以SVG元素为目标,但无法在其中添加类名。这可能是一个已知的问题,并在jQuery的更高版本中修复。非常感谢。尽管没有答案,但您的评论允许我浏览添加类名的版本。我找到了1.12.4,它仍然与我的应用程序兼容!!谢谢
 <div class="amenitylink">click me</div>

 <svg version="1.1" id="main" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 width="276px" height="210px" viewBox="0 0 276 210" style="enable-background:new 0 0 276 210;" xml:space="preserve">
<style type="text/css">
 <![CDATA[
.st0{fill:none;stroke:#FFFFFF;stroke-width:11;stroke-miterlimit:10;}
]]>
</style>
 <rect id="lobby" x="13" y="17" class="st0 " width="240" height="179"/>
 </svg>
 body {
 background-color:#000;
 color:#fff;
 }
.amenitylink {
cursor:pointer;
padding:10px;
border:1px solid white;
 }
 .highlight {
    fill:rgba(134, 117, 77, 0.4) !important;
}