greenify

如何创建一个基本JQuery的插件

帅比萌擦擦* 提交于 2020-03-05 19:53:00
如何创建一个基本的插件 有时您希望在整个代码中提供一些功能。 例如,也许你想要一个单一的方法,你可以调用一个jQuery选择,对选择执行一系列的操作。 在这种情况下,您可能需要编写一个插件。 链接 jQuery如何工作101:jQuery对象方法 在我们编写自己的插件之前,首先要了解一下jQuery如何工作。 看看这段代码: 1 $( "a" ).css( "color", "red" ); 这是一些很基础的jQuery代码,但你知道幕后发生了什么吗? 无论何时使用该 $ 函数来选择元素,它返回一个jQuery对象。 这个对象包含了所有的你已经使用(方法 .css() , .click() 等)和所有适合你的选择要素。 jQuery对象从对象中获取这些方法 $.fn 。 这个对象包含了所有的jQuery对象方法,如果我们想编写自己的方法,它也需要包含这些方法。 链接 基本插件创作 假设我们要创建一个插件,使一组检索到的元素中的文本变为绿色。 我们所要做的就是添加一个调用的函数 greenify 来 $.fn ,这将是可用的,就像任何其他的jQuery对象的方法。 1 2 3 4 五 $.fn.greenify = function() { this.css( "color", "green" ); }; $( "a" ).greenify(); // Makes all the