jQuery hasClass vs hide

Question

对于我的问题，我需要先写一些css。

.hide { display: none; }

现在，在jQuery中，下面两个例子中的哪一个会更快？

if ($('#a').is(':hidden')) {
    $('#a').show();
} else {
    $('#a').hide();
}

或

if ($('#a').hasClass('hide')) {
    $('#a').removeClass('hide');
} else {
    $('#a').addClass('hide');
}

Answer 1

使用类进行操作比调用show / hide函数更快。

这是jsperf：http://jsperf.com/hide-or-class

Answer 2

我想你可以试试这段代码：

$('a').toggleClass('hide')

它与您的代码相同，但它更小。您可以查看documentation of the toggleClass。

Answer 3

卢卡斯威廉姆斯所说的是正确的。使用toggleClass（）函数来减少代码，它比使用hide（）和show（）方法快得多