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

您好，程序员！欢迎参加本次网络技术问题的 jQuery 测验，本题为第三组的问题 9。

题目描述

以下代码用于在点击按钮时，在页面上显示 "Hello World!" 文字。请问代码中哪个部分有问题？

$("button").on("click", function(){
  $("p").html("Hello World!");
 });

A. $("p")

B. $("button")

C. .html()

D. function()

题目解析

以上代码用 jQuery 语法实现了当用户点击按钮时，将文字 "Hello World!" 显示在 p 标签中。但是，该代码有一个问题。问题不在 jQuery 的常用方法 .on() 和 .html()，一定程度上也不是在 function() 中，而是在选择器部分 $("button") 上。 如果您仔细观察代码，会注意到这里使用了 $("button") 选择器。这意味着该代码将仅在第一个 button 元素上运作，并不会对其他 button 元素生效。如果页面中存在多个 button 元素，只有一个会响应此代码。因此，本题的答案是 B - $("button")。

参考资料

选择器部分除了具体的标签名外，还可以使用 CSS 选择器、jQuery 封装的表单选择器、伪类、层级选择器等等。了解 jQuery 的选择器部分对于开发 Web 前端页面至关重要。下面是一些参考资料：

1. jQuery 选择器文档（官方文档）

2. jQuery 选择器教程

3. CSS 选择器教程（CSS 选择器的语法与 jQuery 选择器非常相似）

以上资料供您参考，希望对您有所帮助。