温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

JQuery自定义插件开发(一)

发布时间:2020-07-15 12:32:32 来源:网络 阅读:372 作者:owandering 栏目:web开发

   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插件的具体定义方法,请看下篇日志。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI