jquery - 在 JQuery 中，如何向对象添加 onload 或 init？

Question

我想要一个选择框来控制表单中各部分的显示/隐藏

首先，我在该项目上添加了一个 .change 事件，如果我实际更改该项目，这将起作用

$('#mySelect').change(
       function() {
            updateSections($(this));
       });

然后我想要的就是在加载页面时至少调用 .change 事件一次

我能想到的唯一方法是在 $(document).ready 中，它看起来像是一个独立的位置

$(document).ready(function(){
    updateSections($('#mySelect'));

}

主要问题是我没有编写函数(生成的代码)的项目的 ID

所以我想做这样的事情(概念代码)，并且不知道是否有任何方法可以做到这一点

$('#mySelect').change(
       function() {
            updateSections($(this));
       }).init(
       function() {
            updateSections($(this));
       });

.load() 仅适用于 a/img 标签

同样从设计角度来看，项目的 onDraw 是任何 UI 框架中的标准事件，并且一个事件直接作用在对象上，而一个事件作用在文档上，这对我来说看起来很奇怪

Answer 1

jQuery 将允许您在加载时调用 .change() 方法。你可以这样做:

$(document).ready(function() {
    $('#mySelect').change(function() {
        updateSections($(this));
    });

    $('#mySelect').change();
});

为了简洁起见，您可以将 .change() 放在第一个 $('#mySelect') 出现之后，但我想详细一点； $('#mySelect').change(); 将触发选择框上定义的 .change() 事件。