JQueryの使い方

JQueryの使い方などについてまとめました。

997 views

index.htmlを次のように書き換える。

<html>
    <head>
        <meta charset="utf-8" />
        <script src="https://code.jquery.com/jquery-3.0.0.min.js"></script>
        <script src="main.js"></script>
        <title>こんにちわ</title>
    </head>

    <body>
        <p id="msg">ここをクリック</p>
    </body>
</html>

main.jsを次のように書き換える。

$(function() {
    $('#msg').click(function(){
        $('#msg').text("click!!");
    });
});

ここをクリックと書かれている箇所をクリックする。

すると、「ここをクリック」と書かれている箇所が「click!!」のメッセージに変わる。

Page 3 of 8.

前のページ 次のページ



[添付ファイル]


お問い合わせ

プロフィール

すぺぺぺ

自己紹介

本サイトの作成者。
プログラムは趣味と勉強を兼ねて、のんびり本サイトを作っています。
フレームワークはdjango。
ChatGPTで自動プログラム作成に取り組み中。

サイト/ブログ

https://www.osumoi-stdio.com/novel/

ツイッター

@darkimpact0626