1. 程式人生 > >Jquery插件的使用及制作插件

Jquery插件的使用及制作插件

ani nim asc 加載 有用 dex 不可 left 方法

常用插件

  插件: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>










Jquery插件的使用及制作插件