Jquery单击CSS类

Question

我的html中有一个如下按钮

<button class="btn btn-inverse" type="submit">Login</button>

所以CSS类名是“btn btn-inverse”。如何使用css类执行JQuery单击操作？

这对我不起作用

$('.btn btn-inverse').click(function(){
alert("Called");
});

任何帮助都是值得赞赏的。

提前致谢

Answer 1

它会以这种方式工作：

$('.btn.btn-inverse').click(function(){
    alert("Called");
});

jsFiddle

Answer 2

'.btn btn-inverse' 

正在寻找一个带有'btn'类的元素，它有一个子元素'btn-inverse'。空间意味着您现在正在谈论一个新的（子）元素。

在你的情况下，你想要一个具有类'btn'和类'btn-inverse'的元素，所以你想要删除空格并在第二个类'btn-inverse'之前加上'。'。代表一个班级名称。

'$('.btn.btn-inverse')

这样你就可以用两个类来讨论相同的元素。

你也想要'点击'而不是'clcik'

Answer 3

您可以使用任何这些类选择器来选择该元素：

$('.btn')
$('.btn-inverse')
$('.btn.btn-inverse')

最佳选择取决于页面中的其他元素是否使用这些类，以及是否也要选择它们。