將jquery插件轉換爲Javascript

Question

有沒有人知道以下代碼的Javascript等效或Javascript版本？

(function($) { 
$.fn.green = function() { 
var selector = this; 
selector.css('color' , 'green'); 
}; 
})(jQuery); 

等等我會叫這樣的：

$('p').green(); 

Answer 1

你可以用prototype方法去做，你婉覆蓋或設置基本JS方法Elements，Objects，type等等

實施例

Element.prototype.Color = function(color) 
 
{ 
 
    this.style.color=color; 
 
} 
 

 
Element.prototype.Green = function() 
 
{ 
 
    this.style.color="green"; 
 
} 
 

 
document.getElementById("myid").Color("red"); 
 
document.getElementById("secondid").Green();

<div id="myid">Div element</div> 
 
<div id="secondid">Second div</div>