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

我可以添加自定义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”属性？

最佳答案

没有onReady事件。根据功能的不同，您可能希望将funcMyTransform抽象为jQuery插件。例如。

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

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

如果您想在元素“准备就绪”后立即对其进行访问，则将脚本放在文档的底部（在</body>之前）可能是一个更好的主意，并且肯定比jQuery的伪指令更快（尽管有一点）启动“就绪”事件。