Rumah  >  Artikel  >  hujung hadapan web  >  如何使用jQuery的插件

如何使用jQuery的插件

coldplay.xixi
coldplay.xixiasal
2020-12-24 14:06:183002semak imbas

使用jQuery插件的方法:首先设置可用的demo;然后然后用webkit内核或firefox进行断点查看;最后编写插件框架,代码为【(function($){$.fn.extend({fnKey:function(){}})】。

如何使用jQuery的插件

本教程操作环境:windows7系统、jquery1.10.0版本,DELL G3电脑。

推荐:jquery视频教程

使用jQuery插件的方法:

1、jQuery插件 要使用它的话 通常插件中都有demo或者api可以查阅通常jQuery插件为了减小体积 会发布两个版本 XXX.js和XXX.min.js如果你要修改插件需要使用XXX.js文件

7157d7c6f13ad84228f738ad2f9681d.png

2、首先 你要知道它怎么用,先有一个可用的demo(没有demo就自己写一个),然后用webkit内核或firefox进行断点查看,这主要是为了找插件入口点,当然 你也可以直接查看js代码 这需要一定的底子最后 就是慢慢查看他的代码的实现功能了,先得看懂他是怎么实现的,然后你才会知道怎么改。

cb34bc983acd52a7f3c5353d7029256.png

3、jQuery插件我也写的不少 像 模拟alert/confirm/prompt 错误信息提示框 模拟弹出窗体 无缝marquee滚动 分页控件 拖拽控件等。

a7ce77f87d2dbe1a4b613b790350e4e.png

4、jQuery插件的框架写法通常是(function($){$.fn.extend({fnKey:function(){}})//或者$.fn.fnKey=function(){}})(jQuery)上面的两种写法的调用 方式 是$("XXX").fnKey()进行调用的

29020566f31254cbbe00105a3da2367.png

5、还有一种写法:var fnClass = function(){this.fnKey=function(){}this.props="";}这种写法是的调用 方式是fnClass obj = new fnClass();obj.fnKey();第二种写法是js的面向对象编程 得自己慢慢的理解哈

b65efe64ac286c8ea06b2cc9a7fc74d.png

相关免费学习推荐:javascript学习教程

Atas ialah kandungan terperinci 如何使用jQuery的插件. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn