为了账号安全,请及时绑定邮箱和手机立即绑定

JQuery自定义插件开发

标签:
JQuery

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

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消