插件

滚动方式:所有图片垂直排列,上下滚动,控制包含所有图片盒子的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(){}())

 

posted @ 2018-07-13 20:10  maps..xy  阅读(108)  评论(0编辑  收藏  举报