html5新特性性能与集成,jQuery-UI插件和HTML5新特性

jQuery-UI插件

jQuery-UI是用来集成各种页面特效的，使用方法和一般的jQuery插件基本相同，首先要引入jQuery-UI文件和其他的css文件等，然后在script中调用。

autoOpen:默认打开还是关闭

buttons: 是一个数组，每个元素就是一个按钮

按钮属性

text:按钮名字

click:按钮事件

model:设置对话框是否为模式对话框

width: 宽

height:高

开发插件

扩展对象方法

$.fn.extend({

对象:值,

})

扩展全局函数

$.extend({

对象:值,

})

HTML5新特性

1、input新类型

email:验证是否包含@

search:搜索框

url: 验证是否包含http

tel: 效果只能在移动端出现

number: 数字选择 min max step

range: 范围类型 min max step value

color: 颜色选择器

date:日期类型

week:星期类型

month:月份类型

2、表单新元素

1.datalist: 定义input的备选框

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

数据与结构的分离

数据：预定义数据内容datalist

结构：显示在页面中的元素input

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

2.progress: 进度条

max - 设置进度条的最大值

没有min属性 - 最小值为0

value - 当前的进度值

3.meter : 刻度

min: 最小值

max: 最大值

value: 当前值

low: 低预警值

high:高预警值

4.output : 输出

3、表单新属性

1. placeholder ： 置空字符

2. multiple:允许输入多个值

多个值使用逗号隔开，例如多个邮箱

只定义属性名，没有定义属性值

3.autofocus:自动获取焦点

只定义属性名，没有定义属性值

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

form表单外的表单一定要写form的id