如何在我的addClass（）上设置display：inline-block

Question

如何设置我的范围display:inline-block

$("#checking").fadeTo(200, 0.1, function ()
 {
  $(this).html('Username is not available').addClass('cross').fadeTo(900, 1);
});

当前输出

<span style="display: inline; opacity: 1;" id="checking" class="cross">Username is not available</span>

在CSS中，我将交叉类设置为inline-block。

让我知道如何使style="display: inline; opacity: 1;"成为style="inline-display: inline; opacity: 1;"

Answer 1

要设置元素的CSS属性，只需使用css()函数：

$('#foo').css('display', 'inline-block');

所以在你的情况下，只需将css()扔进该链：

$(this).html('Username is not available').addClass('cross').css('display', 'inline-block').fadeTo(900, 1)