Javascript 为什么jquery没有选择我的按钮

Javascript 为什么jquery没有选择我的按钮,javascript,jquery,Javascript,Jquery,这是我的元素 <input id="0" class="add_to_cart button" type="button" value="Add To Cart"> 为什么我单击元素时不会触发警报?绑定事件时,请确保DOM中存在您的输入元素 您应该将代码放入文档就绪事件中。如果您将脚本文件(或HTML页面中的内联脚本)放在上面,这一点很重要 试试这个 $(function(){ $(".add_to_cart").click(function(){ alert("hi");

这是我的元素

<input id="0" class="add_to_cart button" type="button" value="Add To Cart">

为什么我单击元素时不会触发警报?

绑定事件时,请确保DOM中存在您的输入元素

您应该将代码放入文档就绪事件中。如果您将脚本文件(或HTML页面中的内联脚本)放在上面,这一点很重要

试试这个

$(function(){
$(".add_to_cart").click(function(){
    alert("hi");
});
});
<input id="0" class="add_to_cart button" type="button" value="Add To Cart">

$(document).ready(function(){
$(".add_to_cart").click(function(){
    alert("hi");
});
});

$(文档).ready(函数(){
$(“.add_to_cart”)。单击(函数(){
警报(“hi”);
});
});

是否将javascript代码包装到文档就绪函数中?jQuery是否在
$(函数(){…})中结构?何时注册事件?在加载DOM之前?这个简单的问题将创建20个问题进行澄清。不,不是。那么问题是它没有包装在文档准备功能中吗?简单的检查方法是:警报($(“.add_to_cart”)。长度!==0);
$(function(){
$(".add_to_cart").click(function(){
    alert("hi");
});
});
<input id="0" class="add_to_cart button" type="button" value="Add To Cart">

$(document).ready(function(){
$(".add_to_cart").click(function(){
    alert("hi");
});
});