jQuery クリックイベントを処理する

Question

問い）
『button要素をクリックしたら、Classが「result」の要素の中身を次のように書き換えてみましょう。「Hello」という文字にする。』
という内容なのですが、

現在書けているコードは以下で、

$('.button').on('click',function(){
　$selected = $(".result");
});   

＜＜Classが「result」の要素の中身を次のように書き換えること＞＞ができないです。
調べ方は、「jQuery クリックイベント」「botton クリックイベント」「クラス要素　　書き換え」で検索しました。

どなたか、解説とともに正しいコードを教えていただけないでしょうか。
よろしくお願いいたします。

Comments

[miyabi_pudding]

まず、質問者さんが現在書けているソースコードを余さず記載してください。
でないと丸投げ質問になってしまいます。

[mirk]

申し訳ありません。
$('.button').on('click',function(result){
　$("Hello").show();
});
現在書けているコードは上記のみです。

[miyabi_pudding]

そのソースコードを、
質問本文に記載してください。

[miyabi_pudding]

そして、どう調べたのか、（検索キーワードなど）も記載してください。
質問内容は、jQueryの基礎にあたるような機能のため、調べて出てこないということは、調べ方に問題がある可能性があります。

Answer 1

一般に

• 「button要素（buttonタグもしくはinput type="button"）」と
• 「.button(buttonというクラスがついた要素)」

は違います

<script>
$(function(){
  $('button').on('click',function(){
    $('.result').text('hello');
  });
});
</script>
<button class="button">test</button>
<div class="result">-</div>

Comments

[mirk]

解説いただき本当にありがとうございます。
改めていただいたコードと照らし合わせて理解できるようにします。