jQuery_03

91 阅读1分钟

1、jQueryUI

组件/插件库:提供了HTML/CSS/JS,程序员想要使用只需要引入然后梭代码

组件:组成网页一部分的部件

插件:插件就是组件,插件带有js功能

一切插件的使用步骤:

1、下载
2、引入:
<link rel="stylesheet" type="text/css" href="jquery-ui-1.13.0.custom/jquery-ui.css"/>
<script src="jquery-ui-1.13.0.custom/external/jquery/jquery.js" type="text/javascript" charset="utf-8"></script>
<script src="jquery-ui-1.13.0.custom/jquery-ui.js" type="text/javascript" charset="utf-8"></script>
3、挑选自己喜欢的效果 - 然后复制:
    ①选项卡/标签页/tabs
    ②、菜单
    ③手风琴/折叠面板
    ④、自动完成/模糊搜索
    ⑤特效 - 增强toggle("特效名称",duration,callback)+hide+show
    ⑥拖放
4、根据你的设计图修改css - 如果修改了不成功只有一个可能,优先级不够
5、根据数据库拿回来的数据渲染页面 - 记得把模板删掉

2、日期选择器:底层date对象

1、wdatepick.js文件

优点:非常简单 缺点:样式比较老化

$("input").focus(function(){
    WdatePicker({//配置信息
        el:this,
        isShowToday: false,
        isShowClear: false,
        isShowOK: false,//以上三个都是开关,如果三个都关起来了,则会隐藏掉快速选择按钮
        lang: "eng",
        skin: "twoer",
        dateFmt: "yyyy年MM月dd日 HH:mm:ss",//年月日时分秒的字母大小写是固定的
        minDate: "%y-%M-%d",
        maxDate: "%y-%M-{%d+7}",//只能购买从今天开始往后7天的可以选择
        readOnly: true,
    })
})

2、laydate.js:

优点:简单、漂亮;缺点:下架了

3、无敌的插件库 直接百度搜索:jQuery插件库(一个账号一天只能下载两次)