如何在第一次单击后禁用按钮

<button id="myButton" onclick="disableButton()">点击我</button>

<script>
  function disableButton() {
    document.getElementById("myButton").disabled = true;
  }
</script>

<style>
  .disabled-button {
    pointer-events: none;
    opacity: 0.6;
  }
</style>

<button id="myButton" class="disabled-button">点击我</button>

<button id="myButton">点击我</button>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
  $(document).ready(function() {
    $("#myButton").one("click", function() {
      $(this).prop("disabled", true);
    });
  });
</script>