Justin-刘清政的博客

python/前端/19-JQuery插件

2020-11-03

1 jQuery 插件的网站

2 经典jQuery插件

2.1 ### select2 下拉框搜索插件

2.2 datetimepicker 时间日期插件

2.3 fullpage 全屏滚动插件

  • 官网 https://alvarotrigo.com/fullPage/zh/

  • github https://github.com/alvarotrigo/fullpage.js/

  • 用法

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    <!--HTML部分-->
    <div id="fullpage>
    <div class="section"></div>
    <div class="section">
    <div class="slide"></div>
    <div class="slide"></div>
    <div class="slide"></div>
    </div>
    <div class="section"></div>
    <div class="section"></div>
    </div>
    自定义的导航 卸载包裹元素的外面

    <!--JS部分-->
    <script>
    $("#fullpage").fullpage({
    navigation: true,
    sectionsColor: []
    .....
    })
    </script>

2.4 lazyload 图片懒加载

2.5 layer 弹窗插件

2.6 nice validator 表单验证

2.7 jQuery-easing

3 自定义jQuery 插件

jQuery.fn.extend() 给jQueryDom扩展方法

1
2
3
4
5
6
7
$.fn.extend({
方法名:function(){}
})
//或者
$.fn.方法名 = function(){

}

jQuery.extend() 给jQuery 对象本身扩展方法

1
2
3
4
$.extend({
方法名: function(){
}
})

4 jQuery UI

5 jQueryMobile

6 Sizzle

7 Zepto

使用支付宝打赏
使用微信打赏

点击上方按钮,请我喝杯咖啡!

扫描二维码,分享此文章