如何使用jQuery让Firefox在SVG文本元素中动态显示链接的不透明度？

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<text id="myLink" x="50" y="50">This is a link</text>

$("#myLink").hover(function() {
  // 鼠标悬停时的处理逻辑
  $(this).css("opacity", "0.5"); // 设置不透明度为0.5
}, function() {
  // 鼠标离开时的处理逻辑
  $(this).css("opacity", "1"); // 恢复不透明度为1
});

#myLink {
  opacity: 1; // 初始不透明度为1
}