基于jQuery的全屏切换插件

jQuery.switchPage.js 知识点 通过css使div全屏 实现jQuery插件开发 重写鼠标滚动事件 切屏动画实现 开发过程

在sublime text 下开发,安装emmet插件,快速书写html代码

! + tab : 快速生成html5文档结构 #container>section#section$*4 + tab 快速生成DOM结构 jQuery组件开发

一、类级别的组件开发:即给jQuery命名空间下添加新的全局函数,称为静态方法。

jQuery.foo = function() { // do something } // 使用 $.foo() 进行调用

例如 $.Ajax()$.extend() 方法

二、对象级别组件开发:即挂在jQuery原型下的方法,这样通过选择器获取的jQuery对象实例也能共享该方法,也称为动态方法。

$.fn.foo = function() { // do something } // $.fn === $.prototype

例如: addClass()attr()等方法,需要创建实例来调用。

(function($){ //1.避免全局依赖 //2.避免第三方组件的破坏 //3.兼容$操作符号 })(jQuery); preview

https://cdn.rawgit.com/FrankFan/jQuery.switchPage.js/master/index.html

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。