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

简介

本次测验涉及 jQuery 中的常见问题。本问题是第二组第十二个问题。

问题描述

下面代码的作用是什么？

$("selector").on("click", function(){
  alert("Clicked!");
});

请详细解释这段代码，并解释以下几个部分：

• $("selector")
• .on("click", function(){...})
• alert("Clicked!")

详解

这段代码的作用是在页面中匹配 selector 的元素上添加一个 "click" 事件监听器，当用户点击这个元素时弹出一个警告框显示 "Clicked!"。

• $("selector") 是 jQuery 的一个选择器，可以匹配网页中的元素，这里的 selector 可以是类名、id、标签名、name 等等。这个选择器可以用来找到需要绑定监听器的元素。

• .on("click", function(){...}) 是一个 jQuery 的事件绑定方法，它会在被选择的元素上添加一个指定事件的监听器。当被选择的元素被触发指定事件时，执行监听器内的代码。

• alert("Clicked!") 是一个浏览器自带的弹窗函数，当被调用时，会弹出一个警告框，显示括号里的文字。

结论

以上代码的作用是在页面中找到匹配 selector 的元素，并为其添加一个 "click" 事件监听器，当用户点击该元素时会弹出一个警告框显示 "Clicked!"。