您的位置：首页 > Web前端 > JQuery

Jquery插件原来就这么简单

2014-03-06 13:44 309 查看
最近很多网友说Jquery插件是什么啊？怎么写的啊？我不会写啊？

一大堆的问题一时都不知道怎么回答他们，个人认为是网友们把问题复杂化了。

其实就是把一些常用、实用、通用的功能封装起来而以，简单的来讲就是把这些代码放在一个方法里面，可以达到重复使用的效果，这样就可以不需要每次要用此功能的时候都去重新写一遍。

现在Jquery里面加入了插件的概念，只要按照它特定的格式当作平时写function一样去写就可以了，不虽然搞得太复杂的。信不信由你们，反正我信了。

接下来用简单的代码来讲解一下，如果网友们看了还不会写插件的话，我只能无语了

第一步：定义插件

01
$(
function
()
{
02
$.fn.插件名称
=
function
(options)
{
03
var
 
defaults
= {
04
Event
:
"click"
,  
//触发响应事件
05
msg
:
"Holle
word!"
  
//显示内容
06
};
07
var
 
options
= $.extend(defaults,options);
08
var
 
$
this
 
=
$(
this
);  
//当然响应事件对象
09
//功能代码部分
10
//绑定事件
11
$
this
.live(options.Event,
function
(e){
12
alert(options.msg);
13
});
14
}
15
});
第二步：调用插件

1
$(
function
()
{
2
//绑定元素事件
3
$(
"#test"
).插件名称({
4
Event
:
"click"
,  
//触发响应事件
5
msg
:
"插件原来就是这么简单!"
  
//显示内容
6
});
7
});
8
<input
type=
"button"
 
id=
"test"
 
value=
"这是一个简单的插件调用"
 
/>
看完之后我相信网友们应该懂了吧！Jquery插件原来就这么简单

查看演示
                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航