- 博客(5)
- 收藏
- 关注
RSS订阅转载 jQuery输入框插件
【前言】 在大型项目的开发中，插件化是一种趋势，将相似的多次使用的东西封装成公共的插件，以提高开发效率。其他开发人员在调用插件的时候，只需简单的一两行代码就可以实现非常复杂的内容或者效果。 在这一节里面我就跟大家分享一下，我是如何封装一个输入框插件的。 【呈现分析】 （1）默认展示：边框为灰色，中间有输入提示信息 （2）获取焦点：边框为蓝色，无输入内容时中间有输入...
2016-08-19 08:31:00
151
转载 jQuery插件开发前准备（四）
通过上面三个小结的梳理，最终来个总结，将插件通用形式整成模板，以供重复调用。 (function($) { var MyPlugin = (function() { function MyPlugin(element, options) { // 将用户配置项与默认选项进行深拷贝 this.settin...
2016-08-17 22:16:00
87
转载 jQuery插件开发前准备（三）
【MyPlugin核心函数实现】 从上两节中我们已经知道了MyPlugin是个构造函数，需要这$.fn.MyPlugin()中实例化，所以MyPlugin应该定义如下： var MyPlugin = (function() { function MyPlugin(element, options) { // 将用户配置项与默认选项进行深拷贝 ...
2016-08-17 22:10:00
71
转载 jQuery插件开发前准备（二）
在上一节中我们已经使用$.fn.myPlugin给jQuery拓展了一个方法，同时也保证了jQuery的链式调用没有被破坏。细心的小伙伴们可能注意到了，在$.fn.myPlugin的方法中我们使用构造函数生成了一个对象，如下： 其实，我们真正实现自己插件的代码是写在MyPlugin构造函数里面的，这样可以好处是，当我们使用$(selector).myPlugin(optio...
2016-08-17 21:53:00
69
转载 jQuery插件开发前准备（一）
【前言】 关于jQuery的插件，网上一搜一大把，一开始在项目中使用别人写的插件的时候，真是佩服的五体投地，调用的时候简简单单的几句代码，就能实现很复杂的功能。那么如何开发自己的插件呢？其实并不难，从简单的开始，一步一步网上添加功能，最后咋们也能写出功能强大的插件。 【jQuery插件开发模式】 jQuery插件开发模式有三种： （1）通过$.extend()来扩...
2016-08-16 22:40:00
95
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人