网络技术问题 | jQuery 测验 |第 3 组 |问题 3

本次测验为第 3 组的 jQuery 测验，共有 10 道选择题和 1 道综合题。该测验旨在测试您的 jQuery 基础知识，着重考察 jQuery 的选择器、事件、动画等核心内容。以下是问题 3 的详细描述。

问题 3

以下 jQuery 代码段中，哪些是合法的事件绑定方法？（多选）

$("button").onclick(function() {
  alert("button clicked.");
});

$("button").on("hover", function() {
  alert("button hovered.");
});

$("button").click(function() {
  alert("button clicked.");
});

$("button").on("click", function() {
  alert("button clicked.");
});

$("button").bind("click", function() {
  alert("button clicked.");
});

A. $("button").onclick(function() {
B. $("button").on("hover", function() {
C. $("button").click(function() {
D. $("button").on("click", function() {
E. $("button").bind("click", function() {

请将您的答案按照如下格式返回：

- [ ] A.
- [x] B.
- [x] C.
- [x] D.
- [x] E.

请将其中的 [ ] 和 [x] 替换成您的答案，其中 [ ] 代表未选择，[x] 代表已选择。

解析

在 jQuery 中，常用的事件绑定方法有 click、dblclick、mousedown、mouseup、mousemove、keydown、keyup、keypress 等。为了简化代码，jQuery 还提供了统一的事件绑定方法——on()，可以绑定所有类型的事件，包括自定义事件。

选项 A 的代码是不合法的，$("button") 返回的是一个 jQuery 对象，它并没有 onclick 这个方法，正确的方法应该是使用 click()，即选项 C 或 D。

选项 B 的代码使用了错误的事件类型，hover 应该被拆分为 mouseover 和 mouseout。正确的绑定方法可以使用 hover()，其中第一个函数为 mouseover 事件的回调，第二个函数为 mouseout 事件的回调。

选项 E 的代码使用了过时的方法，bind() 已经被淘汰了，现在建议使用 on() 方法进行事件绑定。

因此，本题的正确答案为 C, D, E。