jquery - 如何在单击按钮时在文本框中显示加载微调器？

Question

如何在单击按钮时在文本框中显示加载微调器？假设我有一个用户名和密码文本框以及一个登录按钮。输入用户名和密码并单击“登录”按钮后，旋转器应显示在文本框中。请帮忙。我正在寻找 JQuery 选项或 Javascript。

Answer 1

假设您的 html 有以下文本框:

<input id='inputsource' />

定义一个新的CSS类

.loadinggif 
{
   background:
     url('http://www.hsi.com.hk/HSI-Net/pages/images/en/share/ajax-loader.gif')
     no-repeat
     right center;
}

然后通过jquery代码将此类添加到您的测试箱:

$('#inputsource').addClass('loadinggif');

Jsfiddle: http://jsfiddle.net/msjaiswal/FAVN5/