JQuery拥有强大的自定义插件开发的机制。
而自定义插件的开发分为两种,一种为全局JQuery函数,一种为JQuery对象函数。网络上大部分流行的是JQuery对象函数。
首先举个例子解释一下全局JQuery函数和JQuery对象函数的区别。
全局JQuery函数类似于Java中的静态方法,而JQuery对象函数则类似于Java中的普通方法。比如说JQuery的ajax()方法(全局函数),要想调用ajax()方法直接使用$.ajax()即可,而比如我们要隐藏一个html组件则必须这样调用JQuery方法(JQuery对象函数),$("#documentId").hide();看起来是不是类似于Java中的类的实例化。
但是JavaScript毕竟不同于Java,在底层上JQuery实际上是将JQuery对象作为一个父类,使用JQuery选择器实例化的JQuery对象与父类JQuery对象共享一个原型对象,在JQuery中使用fn作为prototype的别名,如果我们想获取JQuery对象的原型只需调用$.fn即可。
因此,这决定了两种插件开发的不同方式。
全局JQuery函数只需在JQuery对象中添加新方法,通过$.调用。而JQuery对象函数则需要添加至$.fn中,通过$("").调用,是为了实例化的JQuery对象开发的函数。
关于JQuery插件的具体定义方法,请看下篇日志。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。