javascript - 自定义 JavaScript 作为 DOM 节点属性，在准备就绪时执行

Question

我可以添加自定义 JavaScript 作为某些 DOM 节点属性，以便在准备就绪时执行，就像添加为“onClick”属性的 JavaScript 在您点击时执行的那样？

假设我需要使用一些 funcMyTransform 函数处理 div 元素。

我觉得这样写会更优雅

<div onReady=funcMyTransform(this)>...</div>

而不是

<div id="MyElement">...</div>

<script type="text/javascript">
    $(document).ready(function(){$("#MyElement").funcMyTransform()});
</script>

是否有这样的“onReady”属性或其他东西？

Answer 1

没有onReady事件。根据功能，您可能需要抽象 funcMyTransform输出到 jQuery 插件。例如

jQuery.fn.funcMyTransform = function() {
    alert(this.id);
};

jQuery(document).ready(function(){
    jQuery("#MyElement").funcMyTransform(); // Alerts => "MyElement"
});

如果您希望在元素“准备好”后立即访问该元素，那么将脚本放在文档底部(在 </body> 之前)可能是一个更好的主意，并且启动速度肯定更快(尽管稍微快一些)比 jQuery 的伪“就绪”事件。