12.12-jquery UI,html5新特性

一、jQuery UI - 集成页面特效

1. 在插件文件中找到demo,api文件

2. 找到要实现的插件功能模块，引入相应的js,css文件

3. 仿照插件写自己要实现的插件功能

    autoOpen:默认打开还是关闭
    buttons: 是一个数组，每个元素就是一个按钮
   
    按钮属性
   
        text:按钮名字
        click:按钮事件
   
     model:设置对话框是否为模式对话框
   
     width: 宽
     height:高
   

二、开发插件-原理

1. 对象方法插件

    //扩展
    $.fn.extend({})
    //调用
    $().each()
   

2. 全局函数插件

    //扩展
    $.extend(object)
    //调用
    $.each()
   

3. 选择器插件 - 几乎不用

   扩展jQuery选择器
   jQuery官方专门推出用于扩展选择器的JS库

4. 目的
   将来实际开发需要独自开发插件（入门级）
   为了面试

HTML5介绍

1. HTML5目前最新的规范(标准)是2014年10月推出的

2. 2005年左右出现HTML5版本(非标准)

   W3C组织(两个组织定义H5规范)

3. HTML版本： 第一阶段主要学习4版本(包含5版本)

4. HTML5版本之后，声明不再出现版本信息

   有意的弱化版本，以后可能不再会有新版本

   HTML5的规范内容实时更新

5. 注意：

   HTML5永远都不可能脱离javaScript

   HTML5在移动端支持好于PC端

四、HTML5新表单

1. input新类型

   1. email：验证邮箱是否包含@

   2. searcch:搜索框

   3. url：验证是否包含http

   4. tel：效果只能在移动端出现，弹出数字键盘

   5. number：数字选择 min max step

   6. range：范围类型 min max step value

   7. color：颜色选择器

   8. date：日期类型

   9. week：星期类型

   10. month：月份类型

         email: 
       
         search: 
       
         url: 
       
         tel: 
       
         number: 
       
         range: 
       
         color: 
       
         date: 
       
         week: 
       
         month: 
       
       

2. 表单新元素

   1. datalist:定义input的备选框

      input的list的值要等于datalist的id值

      数据与结构分离

      1. 数据：预定义数据内容datalist
      2. 结构：显示在页面中的元素input

      使用datalist元素定义的数据，可以重复使用

   2. progress：进度条

       
      
       max 设置进度条的最大值
      
       没有min属性 最小值为0
      
       value 当前的进度条
      

   3. meter：刻度

       
      
       min:最小值
      
       max：最大值
      
       value：当前值
      
       low:低预警值
      
       height:高预警值
      

   4. output:输出

3. 表单新属性

   1. placeholdeer:置空字符

   2. multiple：允许输入多个值

      多个值用逗号隔开

   3. autofocus:自动获取焦点

   4. form：允许将表单元素定义在表单外

      form表单外的表单一定要希望在form的id