开发中常用jquery插件,jquery插件化开发

jquery插件一般有三种方式开发:用$扩展jQuery。extend()，通过$向jQuery添加新方法。fn，并通过$创建以下内容。widget()应用jQueryUI的组件工厂模式。比如如何定义一个对象:varhaolomsfunction (El，opt) {this。$ elementel，这个。默认值{ 颜色:红色，

文字修饰: none}，这个。期权$。扩展({}，这个。默认值，opt)}//定义haorooms的方法。prototype { change CSS:function(){返回此。$ element.css ({color: this。选项)。

扩展jQuery 插件和方法都很强大，可以节省很多时间开发。本文将概述jQuery插件开发的基础知识、最佳实践和常见陷阱。开始写一个jQuery 插件从给jQuery.fn添加一个新的函数属性开始这里添加的对象属性的名字就是你的名字插件:jQuery . fn . my plugin function(){//your own插件code }。用户很喜欢的$符号在哪里？

(函数($) {$。fn . my plugin function(){//your own插件code }；})(jQuery)；在这个封闭的程序中，我们可以使用$符号来无限表达jQuery函数。环境现在，我们可以开始编写实际的插件代码了。但是，在此之前，我们必须对插件生活的环境有个概念。

JQuery是继prototype之后又一个优秀的Javascript库。它是一个轻量级的js库，兼容CSS3和各种浏览器(IE 6.0 ，FF 1.5 ，Safari 2.0 ，Opera 9.0 )。jQuery2.0及后续版本将不再支持IE6/7/8浏览器。JQuery让用户更容易处理HTML(标准通用标记语言下的一种应用)、事件，实现动画效果，方便为网站提供AJAX交互。

JQuery可以让用户的html页面保持代码和html内容分离，也就是不需要在html中插入一堆js来调用命令，只需要定义id就可以了。JQuery是一个兼容多种浏览器的javascript库，其核心思想是writeless，domore(少写多做)。

前言现在做web 开发，jquery，几乎是必须的。甚至vs神器从2010版本开始就把Jquery和ui内置到web项目中。至于使用jquery的好处，这里就不赘述了，用过的人都知道。今天我们来讨论一下jquery 插件，jquery有成千上万的第三方插件，有时候我们写一个独立的函数，想把它和关联起来——这就要展开jquery，以的形式写出来比如下面是一个简单的展开演示的方法://sample:展开jquery object，用bold()加粗字体。

我不是专家，但我试着写了一个jquery 插件，希望能给你一些参考/*！* jQueryalertplugin:simplealertfordebugging * examples and documentation at:* 0.20版(2009年5月26日)* duallicensedunderthematingpllicenses:* *//* * * alert()takesasinglestring参数:$(#myObj )。alert(option)* * val:alert this . val()；默认:true * html:alert this . html()；默认:false * attr:alert this . attr(attr value)；默认:null * CSS:alert this . CSS(CSS value)；默认值:null * ech:alertechelements；默认值:false**@namealert*@typ .

目前jQuery 插件已经基本成熟，只需要不断更新，而不是从头到尾写一个新的，所以一般有三种jQuery-1插件-3/。