插件
滚动方式:所有图片垂直排列,上下滚动,控制包含所有图片盒子的margin-top或top或transform:translateY()
淡入淡出:所有图片层叠在一起,控制图片z-index显示图片 无缝轮播
插件:对方法封装
插件的优势:开发出稳定的系统,提高效率,降低成本
封装插件:
插件分类:
1.类级别(给核心对象扩展的方法) 底层插件
定义:将函数放到$的命名空间下
方式一:$.插件名=函数----->一次定义一个插件
方式二:$.extend({
插件1:function(){},
插件2:function(){},
……
插件n:function(){}
})
调用:
$.插件名()
jQuery.插件()
2.对象级别插件(给$.prototype扩展的方法)
定义:对对象方法进行封装,通过选择器找到jquery对象进行操作 90%以上使用
方式一:$.fn.插件名=函数
方式二:
$.extend({},obj1,obj2); ---> 合并扩展(一个对象或多个对象,对一个对象的扩展)
$.fn.extend({
插件1:function(){},
插件2:function(){},
……
插件n:function(){}
})
使用:jquery元素.插件()
jquery元素是jQuery对象的实例
对象级插件是对jquery原型的扩展
$.fn===$.prototype
$(选择器).each() ,$(选择器).css(),$(选择器).val(),$(选择器).text(),$(选择器).html(),$(选择器).empty()
通过jquery对象(通过选择器找到的jquery元素)
jQuery核心(q大小写不一样)
原有的插件:
$.each()
$.trim()
$.inArray() :检测元素是不是存在于数组中
语法:$.inArray(元素,数组)
返回值:存在返回下表,不存在返回-1
$.isArray():检测指定的对象是不是一个数组
语法:$.isArray(对象)
返回值:true是数组,false不是数组
自执行函数
(function(){})()
(function(){}())