jquery查找后代并单击功能答案

【问题标题】：jquery find descendant and click functionjquery查找后代并单击功能
【发布时间】：2011-07-12 08:47:43
【问题描述】：

当点击具有特定属性的特定后代时，我们如何调用特定函数？

我有 html ：

<form>
    <input type="text" />
    <input type="submit" />
</form>

我如何运行这样的东西：

$(document).ready(function(){

    $('form').find('input').click(function(){
        alert('');
    });

});

这个函数只有在我们提交的时候才会被调用。

【问题讨论】：

【解决方案1】：

从技术上讲，您可以使用:submit 选择器仅匹配提交按钮：

$('form input:submit').click(function() {
    alert('');
});

但在您的情况下，最好直接在表单元素上处理submit 事件：

$('form').submit(function() {
    alert('');
});

【讨论】：

【解决方案2】：

将您的代码替换为：

$(function() {
    $('form').submit(function(){
        alert('');
    };
});

这是你想要的吗？

【讨论】：

【解决方案3】：

只需在 javascript 中完成

<form  onsubmit="return foo();">
    <input type="text" />
    <input type="submit" />
</form>

脚本

function foo(){

return false;
}

使用 jQuery 提交

$('form').submit(function() {

});

【讨论】：