在 DOM 元素上调用自定义方法

我想在 DOM 元素上调用自定义方法

像这样 ：

<div id="MyObject">
    <!-- some elements -->
</div>

<script>
    function doSomething() {
        // do something with input DOM element
    }

    $("MyObject").doSomething();
</script>

我该如何开发这个问题？是否有必要使用jQuery？

您不需要使用 jQuery。您可以使用document.getElementById('MyObject')获取 DOM 节点的引用。

运行你的doSomething函数，您需要向其添加一个节点参数，如下所示：

function doSomething(input) {
  // do something with input DOM element
}

doSomething(document.getElementById('MyObject'));

要将其链接起来，您需要添加到Element https://developer.mozilla.org/en-US/docs/Web/API/Element所有 DOM 节点都实现的接口（重读一下，我的意思是继承自）。如果你这样做，你可以这样做：

Element.prototype.doSomething = function() {
  alert(this);
}

document.getElementById('MyObject').doSomething();

JSFiddle：http://jsfiddle.net/6Lyb4b9p/ http://jsfiddle.net/6Lyb4b9p/

MDN: 按 ID 获取元素 https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementById