CSS3 Card Flip，Jquery返回未定义的函数

Question

简单的问题，但无法解决。 jquery的以下基本行不与我合作。浏览器返回以下错误：未捕获TypeError：undefined不是函数

$('.flip').click(function() {
    document.find('#card').addClass('flipped');
});

文档中存在所有调用的类和ID。没问题。

Answer 1

从document移除find和document.find('#card').addClass('flipped');，因为您不需要。{/ p>

  $('.flip').click(function() {
        $('#card').addClass('flipped');
    });

<强>演示：

http://code-chunk.com/chunks/543b7d86025c1/flip-it

Answer 2

每当jquery无法使用指定的选择器查找元素并且您调用其上的任何函数（即调用未定义对象的函数）时，您将收到undefined is not a function错误。

您应该find()使用document，如下所示

$('.flip').click(function() {
    //wrap document inside $()
    $(document).find('#card').addClass('flipped');
});

但是当您尝试使用id（通过DOM 必须是唯一的）时，请直接使用id选择器而不是find()

$('.flip').click(function() {
    $('#card').addClass('flipped');
});

Answer 3

由于您通过id引用该元素，因此您可以直接调用它：

$('#card').addClass('flipped');