教程集 > jQuery > jquery 教程 > 正文最简单的Jquery插件开发教程

最简单的Jquery插件开发教程

发布时间：2011-11-16 编辑：jiaochengji.com

这是一个很简单的jquery插件开发教程，适合有一定jquery基础和javascript对象基础的朋友学习，jquery插件开发教程让你快速掌握就jquery插件的开发方法

今天写一篇Jquery插件开发教程，当你的jquery基础学习已经完善到差不多，可以来学习jquery插件开发教程，jquery基础学习你可以先查看jquery的起点教程Hello-jQuery。

下面开始教程：
1、首先要将插件代码包裹在

(function($){
/*代码从这里开始*/
})(jQuery)

代码解释：(function(){})()，这句代码指的是创建一个匿名函数function(){}并立即执行，并在参数中传入了jQuery对象，所以在代码中你就可以“$”使用jQuery对象，将代码放入匿名函数中的目的，在函数中定以的变量是局部变量，不会与全局变量冲突。

2、添加插件

添加插件通过

$.fn.changeColor = function(){
/*插件操作代码从这里开始
   this指当前jquery对象
 */ this.css('color','red');
}

通过这句我们就添加了一个名叫changeColor的插件，这时任何jquery对象都可以使用这个插件了，使用方法例如，$('#test').changeColor()，这个插件实现的功能是将当前jquery对象的文本颜色改为red，。

3、下面通过一个例子来运行一个例子来强化学习效果

关键词： jquery 教程 jquery插件 开发教程　

[关闭]