Jquery插件的使用及制作插件
阿新 • • 發佈:2019-04-10
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插件的使用及制作插件