编写一个简单的jquery插件

以改变元素样式为例,编写一个jquery插件

首先来看一下demo的项目目录结构

编写一个简单的jquery插件_第1张图片

插件代码:

编写一个简单的jquery插件_第2张图片

所谓的jquery插件,实际上是给jquery的原型对象prototype添加一个方法,对方法进行一个简单的封装,方便之后在其他文件中调用

html文件代码:

编写一个简单的jquery插件_第3张图片

点击后效果如下:


编写一个简单的jquery插件_第4张图片

是不是简单到有点超乎想象...

你可能感兴趣的:(编写一个简单的jquery插件)