jquery - JavaScript 到 Jquery 的转换

Question

给定一个 HTML 片段

<img id="progress" src="http://ajaxify.com/run/sum/progress/progress.gif" class="notWaiting"/>

传统的 JavaScript 方式，代码正在运行:

function submitWord() {
    // Show progress indicator and clear existing results
    $("progress").classname="waiting";

但是以 jquery 方式，下面的代码不起作用:

function submitWord() {

 // Show progress indicator and clear existing results
  $("#progress").toggleClass("notWaiting waiting");

此外，我尝试过 addClass ，甚至做了类似的事情

$("#progress").removeClass().addClass("waiting");

只是为了确保首先删除默认类，但是也没有帮助。

更新:这是 JSfiddle 版本。 http://jsfiddle.net/EVbh2/1/

更新2:
现在上面的问题是我不引用 JQuery 文件本身。但我仍然面临代码问题。我尝试将所有代码转换为 jquery 但它不起作用。这是一个新的 FIDDLE 。

Answer 1

这有效:

$("#progress").removeClass("notWaiting").addClass("waiting");

这也可以，但它会清除所有其他类，并且唯一的类将是“等待”:

$("#progress").attr("class","waiting");

这也可以工作，并且可能是最简单的:

$("#progress").toggleClass("notWaiting waiting");

更新

查看你的 fiddle 后，你的问题实际上是你忘记在“word”选择器中添加#。我还更改了您的 keyup 函数以使用等效的 jquery。

这有效:

http://jsfiddle.net/wuXL2/3/