使用jQuery提示按钮

时间:2019-02-21 23:21:55

标签: javascript jquery

我试图创建一个提示按钮,单击该按钮时会显示文本。我知道如何在HTML中使用javascript创建文件,但是在jquery中创建它有困难。有人可以给我一个主意吗? HTML中的javascript代码:

<button type="button" onClick="myFunction()">Hint!</button>
<p id="hint"></p>
<script>
  function myFunction() {
    document.getElementById("hint").innerHTML = "<em><u>hint here.</u></em>";
  }
</script>

1 个答案:

答案 0 :(得分:2)

假设您只有一个按钮,则可以绑定事件单击并使用选择器#hint

函数$.html用于将HTML代码设置为所选元素。

$('button').on('click', function() {
  $("#hint").html("<em><u>hint here.</u></em>");
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button type="button">Hint!</button>
<p id="hint"></p>