DOM元素

Question

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

这样上调用自定义的方法？是否有必要使用jQuery？

Answer 1

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

在其上运行您的doSomething功能，您将需要一个节点参数添加到它是这样的：

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

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

有它链接，你将需要添加到Element接口，所有的DOM节点实现。如果你走那条路，你可以这样做：

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

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

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

MDN：getElementById

Answer 2

我找到了答案由我自己。

我可以用这种方式练习：

​​

Answer 3

没有jQuery的，你可以不喜欢

if (typeof $ != 'function') { 
 
    //create a function $ which will return the element with said id 
 
    window.$ = function(id) { 
 
    return document.getElementById(id); 
 
    } 
 
} 
 

 
//Add a method to the Elemen prototype so you can call it on any element object 
 
Element.prototype.doSomething = function() { 
 
    this.innerHTML = 'hi from inner'; 
 
} 
 

 
$('MyObject').doSomething();

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