JQuery没有处理提交按钮

McD*_*ck4 2 javascript jquery

我正在尝试学习一些JQuery.我正在使用外部js来编写我的代码.当我调用2段函数时它工作正常,但是当我调用提交按钮时它只是再次加载页面.我的代码看起来像这样:

<html>
<body>

    <p id="paragraf">This is an internal paragraf</p>


    Another Example:
    <p id="paragraftest">This is the external js script</p>

    <form>
        <input type="text" name="Submit_test">
        <button id="buttontest">Submit</button> 
    </form>
    <script type="text/javascript" src="jqueryScript/jquery.js"></script>
    <script type="text/javascript" src="jqueryScript/hide.js"></script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

使用Javascript:

$('#paragraf').click(function() {
    $('#paragraf').hide();
});

$('#paragraftest').click(function() {
    $('#paragraftest').hide();
});

$('buttontest').submit(function() {
    alert("test");
});
Run Code Online (Sandbox Code Playgroud)

/*我在按钮测试和测试中试过了""和"",但仍然是相同的*/我也试过这个,但它仍然是相同的.

<form>
        <input type="text" name="buttontest">
        <input type="submit" value="">
    </form>
Run Code Online (Sandbox Code Playgroud)

谁能明白为什么没有发生?最诚挚的问候Mads

Aru*_*hny 5

缺少id选择器 - buttontest是按钮的id,因此你需要使用id-selector来选择它(前缀为#)

$('#buttontest').submit(function() {
    alert("test");
});
Run Code Online (Sandbox Code Playgroud)