異なるボタンがクリックされたときに関数の実行を分離する方法

debugcn 投稿 Dev

スカイネット

JQueryの.click機能を使用していて、Webサイトに複数のボタンがあります。1つのボタンをクリックすると.click、HTMLドキュメント内のすべての関数が実行されます。1つのボタンで1つのボタンを実行する方法はあります.clickか？私の問題を説明するために、以下にいくつかのコードを含めました。「ClickMe！」という最初のボタンをクリックします。HTMLドキュメント内のすべての関数を実行します。「ClickMe！」ボタンが表示されるようにするにはどうすればよいですか。ドキュメント内のすべての機能を実行しませんか？

<!DOCTYPE html>

<html>
    <head>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

        <title>
            My Website
        </title>
        <meta http-equiv="Content-Type"
              content="text/html; charset=UTF-8">


    </head>
    <body>

        <button>
            Click Me!
        </button>      

        <button onclick="document.body.style.backgroundColor='blue';">
            Change BG color
        </button>


        <script>
            $(document).ready(function () {

               $("button").click(function(){
                   $("#d").hide();
               }); 

            });

            $(document).ready(function () {
               $("button").click(function(){
                   $("#f").fadeToggle(3000);
               }); 

            });

        </script>

    <button>Toggle fade</button>


            <div>
            <p id="d">Some text here.</p>
            </div>

        <div>
            <p id="f">Some text to fade.</p>
        </div>

    </body>
</html>

*更新スクリプトを次のように変更しました。

$(document).ready(function () {

               $('#button1').click(function(){
                   $("#d").hide();
               }); 

            });

ボタンをクリックしても何も起こりません。これは正しい構文ですか？この構文はW3Schoolsで使用されました。

リチャード・リーワン

を使用する$("button")と、click()提供する機能がすべてのボタンに適用されます。ボタンにIDを付けてから、次を使用することをお勧めします。

$("#myButtonId").click(function(){
    $("#d").hide();
});

JQueryセレクターは、DOM内の要素をターゲットにするのに非常に便利です。

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集2021-06-29

コメントを追加

サインイン

分類Dev

Related 関連記事

記事