Jquery插件的使用及制作插件

常用插件

　　插件：jquery不可能包含所有的功能，我们可以通过插件扩展jquery的功能。

　　jQuery有着丰富的插件，使用这些插件能给jQuery提供一些额外的功能。

jquery.color.js

　　animate不支持颜色的渐变，但是使用了jquery.color.js后，就可以支持颜色的渐变了。

使用插件的步骤

1. 引入jQuery文件
2. 引入插件（如果有用到css的话，需要引入css）
3. 使用插件

jquery.lazyload.js 懒加载插件

制作jquery插件

　　原理：jquery插件其实说白了就是给jquery对象增加一个新的方法，让jquery对象拥有某一个功能。

通过给$.fn添加方法就能够扩展jquery对象
$.fn. pluginName = function() {}; ===（jQuery.prototype.show=function（）{}）

$.fn.taob=function(a,b){
    a=a||0;     //参数a：如果有参数那这个参数就等于你给的参数 没有给是0
    b=b||[];
    //定一个变量来接收这个对象元素==这个对象元素下面的li元素
    var $s=this.find("li");
    $($s).mouseover(function(){
        $("#center>li").eq($(this).index()).show().siblings().hide();
     });




<!-- 引入jQuery -->
<script src='jquery1.12/jquery-1.12.4.js'> </script>
<!-- 引入制作的taob插件 -->
<script src="taob.js"></script>
<script>
    $(function(){
     $("#left").taob();
    });
</script>