Trung tâm cá nhân
cuốn sách gpt4 ai đã làm

javascript - 单击不同按钮时如何分离函数执行

In lại Tác giả: Walker 123 更新时间：2023-11-28 07:52:55 25 4
mua khóa gpt4 Nike

我正在使用 JQuery 的 .click 函数，并且我的网站上有多个按钮。单击一个按钮将执行 HTML 文档中的每个 .click 函数。有没有办法让一个按钮执行一次.click？我在下面添加了一些代码来说明我的问题。单击第一个按钮“Click Me!”将执行我的 HTML 文档中的所有函数。我该如何制作按钮“Click Me!”不执行我文档中的每个函数？




    <đầu>
        

        <br>            My Website<br>        <br>        <meta http-equiv="Content-Type"><br>              content="text/html; charset=UTF-8"><br><br><br>    <br>    <cơ thể=""><br><br>        <nút><br>            Click Me!<br>              <br><br>        <button onclick="document.body.style.backgroundColor='blue';"><br>            Change BG color<br>        </button><br><br><br>        <kịch bản=""><br>            $(document).ready(function () {<br><br>               $("button").click(function(){<br>                   $("#d").hide();<br>               }); <br><br>            });<br><br>            $(document).ready(function () {<br>               $("button").click(function(){<br>                   $("#f").fadeToggle(3000);<br>               }); <br><br>            });<br><br>        <br><br>    <button>Toggle fade</button><br><br><br>            <div><br>            <p id="d">Some text here.</p><br>            </div><br><br>        <div><br>            <p id="f">Some text to fade.</p><br>        </div><br><br>    </kịch></nút></cơ>
Xem sitemap của VNExpress

*更新所以我将脚本更改为以下内容:

$(document).ready(function () {

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

            });

但是当我点击按钮时什么也没有发生。这是正确的语法吗？此语法用于 W3Schools。

câu trả lời hay nhất

Nếu bạn sử dụng$("button")，您提供的click()函数将应用于所有按钮。我建议给你的按钮一个 id，然后使用:

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

JQuery selectors对于定位 DOM 中的元素非常有用。

关于javascript - 单击不同按钮时如何分离函数执行，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26554309/

25 4 0
Đề xuất bài viết: javascript - 如何让结果打印 "computer wins"或 "user wins"
Đề xuất bài viết: ios - 具有自动布局的 UICollectionViewCell : how to get rid of UIView-Encapsulated-Layout-Height?
Đề xuất bài viết: html - WordPress主题css定制: how to remove padding on sides of page
Đề xuất bài viết: ios - 影响随机产卵
Walker 123
Hồ sơ

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá taxi Didi miễn phí
Phiếu giảm giá taxi Didi
Các bài viết phổ biến trên toàn bộ trang web
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com