JQuery/Javascript 流程问题

Question

我继承了别人的项目并正在为其构建工作流程图。无需透露太多细节，离开的人是 Web 部门中唯一具有高级编程技能的人（那里的大多数人都从事生产工作和一些 HTML/CSS 工作）。我继承的项目是在 CodeIgniter 中开发的，并且严重依赖于 JQuery、AJAX 和 JSON。流程有点令人困惑，因此我概述了它。 （我正在回答这个问题，请耐心等待）

无论如何，这个部门的经理，让我们把他称为“工具”，不会允许他的员工学习任何这些东西。有一天他问我这是怎么回事，我说很好，除了我找不到一个变量被设置的位置，最初的开发人员正在使用 jquery 调用一些表单值来设置文件路径（他使用 #id. val()) 但我在代码中找不到#id。经理回复，呃，我还以为你是PHP大师呢。正如我所说，我们将称他为“工具”。

不管怎样，为了让他坚持下去，我决定与他的团队中的人分享这些流程页面，使它们非常具有描述性，并希望具有教育意义。我正在解释当从选择菜单进行更改时，jquery/javascript 如何识别该更改并在 JS 中触发相关代码。

然后我突然意识到我真的不知道 JS/JQ 是如何知道已经进行了更改的。我知道代码 ($("#id").change()...我有 AppleScript 背景，并且在该语言中有一个空闲命令，您基本上可以让一个脚本坐在后台观察并等待 X 发生（假设用户启动 Photoshop），当该事件发生时，其余代码会运行吗？

Answer 1

此代码：

$("#id").change()

告诉 jQuery（“$”）查找“id”值为（在本例中）“id”的元素，然后在该元素上触发“change”事件。这将导致注册的事件处理程序在要运行的元素上查找此类事件。这就是您在浏览器中使用 JavaScript 所做的几乎所有操作的基础：对事件的响应。

在某个地方，可能存在其中之一：

$("#id").change(function() { ... })

$("#id").live('change', function() { ... })

$("#id").bind('change', function() { ... })

但是，有多种方法可以识别元素以设置事件处理程序，因此可能很难找到。

Answer 2

在较新版本的 Chrome 中，您可以检查 html 元素，这还将显示与其绑定的“经典”事件。

越来越好的开发人员正在转向事件委托，例如：
http://developer.yahoo.com/yui/3/event/#delegate

这可能不会显示在 Chrome 中，但应该可以从代码中读取。