我已经尝试在javascript中使用jquery 9个月了，但完全没有效果。

JavaScript代码工作:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>

<script>
  var menu3 = document.getElementById("menu3");
  var menu = document.getElementById("menu");
  var menu1 = document.getElementById("menu1");
  var menuID = "menu";

  menu3.onclick = function() {
    if (menuID == "menu") {
      document.getElementById("menu").id = "menu1";
      menuID = "menu1";
    } else {
      document.getElementById("menu1").id = "menu";
      menuID = "menu";
    }
  }

  var myInterval = setInterval(function() {
    if (width = window.innerWidth > 1199 || document.documentElement.clientWidth > 1199 || document.body.clientWidth > 1199) {
      menuID = "menu";
      document.getElementById("menu1").id = "menu";
    }
  }, 500);
</script>

jQuery代码不工作:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>

<script>
  var menu3 = document.getElementById("menu3");
  var menu = document.getElementById("menu");
  var menu1 = document.getElementById("menu1");
  var menuID = "menu";

  menu3.onclick = function() {
    if (menuID == "menu") {
      document.getElementById("menu").id = "menu1";
      menuID = "menu1";
    } else {
      document.getElementById("menu1").id = "menu";
      menuID = "menu";
    }
  }

  var myInterval = setInterval(function() {
    if (width = window.innerWidth > 1199 || document.documentElement.clientWidth > 1199 || document.body.clientWidth > 1199) {
      menuID = "menu";
      document.getElementById("menu1").id = "menu";
    }
  }, 500);
</script>

有可能解决吗？ 我尝试了所有的方法，但在我看来jquery已经丢失了。

顺晟科技：

我不知道您为什么需要这个解决方案，但它就在这里，它有效。

您应该更加注意学习Javascript以及jQuery lib的文档。 jQuery对象和javascript对象不是一回事。在javascript中，您可以访问id属性，但在jQuery中没有这种访问权限。必须使用method.attr（） 我还想提请你们注意var这个过时的词。您不应该使用它，而应该使用let\const。另外，检查屏幕宽度的正确方法是window.matchmedia（CSS表达式） 祝你好运！