一、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库