将 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>

将 Jquery 插件转换为 Javascript

Convert Jquery plugin Into Javascript

javascript

jquery

jquery-plugins