jqueryUI学习笔记

一、jQuery UI使用方法

1

可以到jquery的官方网站找到想要的jqueryUI版本， http://plugins.jquery.com/

最新的版本为1.12.1

在jquery中可以找到很多示例UI插件，用文本编辑器打开index.html找到想要的UI插件的对应html和js代码，有些还有额外的css样式

复制要用的UI插件到自定义的代码中，然后要引用jquery文件及jqueryUI的js和css文件，就可以得到一个和官方文档中一样的UI，官方还提供了其他主题的样式包，替换掉jqueryUI的样式就可以了

二、 开发插件 - 原理

1. 对象方法插件 - $().each()

$.fn.extend(object)

实例插件

这个实例插件扩展了两个简单的功能，turnRed：让background变成red，turnGreen：让background变green

2. 全局函数插件 - $.each()

$.extend(object)

示例代码

这个示例代码扩展了两个全局函数，moreWidth：让$elem的Width增加more，moreHeight：让$elem的height增加more

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

- 扩展jquery选择器

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