jquery - DOM是如何发起javascript调用的，虽然好像没有具体的调用？

Question

HTML 源代码没有对 javascript 函数的任何特定调用，但 DOM 列出了此类调用。例如，源代码中的代码是: <强> <div title="About" data-options="iconCls:'icon-ok'" style="overflow:auto;padding:10px;">
在 DOM 中翻译成: **

<div class="panel" style="width: 498px;">
    <div class="panel-header accordion-header accordion-header-selected"    style="height: 16px; width: 488px;">
    <div class="panel-title panel-with-icon">About </div>
    <div class="panel-icon icon-ok"> </div>
    <div class="panel-tool">
    <a href="javascript:void(0)" class="panel-tool-collapse" style="display: none;"></a>
    <a href="javascript:void(0)" class="accordion-collapse"></a>
    </div>
    </div>
    <div title="" data-options="iconCls:'icon-ok'" style="overflow: auto; padding: 10px; display: block; width: 478px; height: 170px;" class="panel-body accordion-body">

**

[以上是jeasyui demo中的具体例子]

javascript的调用是如何发起的？额外的类是否仅由此类调用添加？ (我试图探索缩小的 js 版本，但无法获得关于其实际处理的线索)。

Answer 1

JavaScript 文件:easyui.min.js 封装了一个自调用函数:

(function($){/*代码主体*/})(jQuery);

只需将文件插入文档，JavaScript 就会自动调用自身并在文件加载时运行。

您可以在这里查看他们的代码源:http://www.jeasyui.com/easyui/jquery.easyui.min.js

当脚本运行时，它会查找您放入 HTML 中的特定类，并将它们的逻辑包装在它周围，例如' Accordion 标题'。