javascript - 为什么 $ 在 jQuery 版本 1.4.2 中不被识别？

Question

这是我的代码:

$("span.cls").on("click", function(){
  $("#dialog").html("");
});

span{
  border: 1px solid;
  cursor: pointer;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<span class="cls">remove content below</span>

<div id="dialog"><p>something</p></div>

是否可以在相同版本的 jQuery 中使上述代码在不更改的情况下工作？

Answer 1

jQuery .on()函数在 jQuery 1.7 版中添加。

您应该改为使用 .click()函数，它是在 jQuery 1.0 版本中添加的。请注意，在 1.4.3 之前的版本中，您无法使用此函数指定 eventData。

对于点击以外的事件，有类似的功能，所有这些功能都从 1.0 版开始存在:

• > .hover()
• > .focus()
• > .keypress()
• 和more...

$("span.cls").click(function(){
  $("#dialog").html("");
});

span{
  border: 1px solid;
  cursor: pointer;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<span class="cls">remove content below</span>

<div id="dialog"><p>something</p></div>

您也可以选择使用 .live()通用事件绑定(bind)器，它将事件类型指定为字符串，就像 .on() 函数一样。 .live() 函数在 jQuery 1.7 版中被弃用，取而代之的是 .on()，但由于您使用的是旧版本的 jQuery，它仍然适用。

$("span.cls").live("click", function(){
  $("#dialog").html("");
});

span{
  border: 1px solid;
  cursor: pointer;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<span class="cls">remove content below</span>

<div id="dialog"><p>something</p></div>