jquery - 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-inverse”的类“btn”的元素。空格意味着您现在正在谈论一个新的（子）元素。

在您的情况下，您需要一个具有“btn”类和“btn-inverse”类的元素，因此您需要删除空格并在第二个类“btn-inverse”之前加上“。” 来表示一个类名。

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

这样，您就在谈论具有两个类的同一个元素。

你也想要'click'而不是'clcik'

Answer 3

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

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

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