gpt4 book ai didi

javascript - 我的 javascript 不工作(jquery 也是如此)

转载 作者:行者123 更新时间:2023-12-03 07:55:16 24 4
gpt4 key购买 nike

我无法让我的 JavaScript 工作html:

<div id="tomato">
<body>
<button id="totato">total</button>
</body>
</div>

JavaScript:

$(document).ready(function() {
$("totato").click = potato();

function potato() {
$("tomato").css("background", "red");
}
})

最佳答案

You are missing #=> id selector

事件绑定(bind)应该使用.on()来实现,它期望第一个参数为事件,第二个参数将是函数表达式(回调函数)

请注意,函数名称周围有括号(),它将在执行该行时调用函数。

$(document).ready(function() {
$("#totato").on('click', potato);

function potato() {
$(this).css("background", "red");
}
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<div id="tomato">

<body>
<button id="totato">total</button>
</body>
</div>

使用.click(),它将期望参数作为函数表达式(回调函数)

$(document).ready(function() {
$("#totato").click(potato);

function potato() {
$(this).css("background", "red");
}
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<div id="tomato">

<body>
<button id="totato">total</button>
</body>
</div>

关于javascript - 我的 javascript 不工作(jquery 也是如此),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34822507/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com