jquery - 如何在jQuery中单击按钮时更改文本

我想在单击按钮时更改文本，这是我尝试过的方法，但是当我单击按钮时，它不起作用

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<button id="one">one</button>
<button id="two">two</button>

<p id="p">paragraph</p>

<script>
    $(document).ready(function() {
        if(('#one').data('clicked')) {
            $("#p").text("hello");
        }
        else if(('#two').data('clicked')) {
            $("#p").text("byby");
        }
        else {
            $("#one").text("");
            $("#two").text("");
        }
      })
</script>

最佳答案

您需要使用点击事件。尝试这样：

$(document).ready(function() {


        $('#one').click(function(){
            $("#p").text("hello");
        })
        $('#two').click(function(){
            $("#p").text("byby");
        })

      })

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button id="one">one</button>
<button id="two">two</button>

<p id="p">paragraph</p>

$(document).ready(function() {


        $('#one').click(function(){
            $("#p").text("hello");
        })
        $('#two').click(function(){
            $("#p").text("byby");
        })

      })

关于jquery - 如何在jQuery中单击按钮时更改文本，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/61156993/