jquery插件怎样使用和修改?
1个回答
展开全部
jQuery插件 要使用它的话 通常插件中都有demo或者api可以查阅
通常jQuery插件为了减小体积 会发布两个版本 XXX.js和XXX.min.js
如果你要修改插件需要使用XXX.js文件
首先 你要知道它怎么用,先有一个可用的demo(没有demo就自己写一个),然后用webkit内核或firefox进行断点查看,这主要是为了找插件入口点,当然 你也可以直接查看js代码 这需要一定的底子
最后 就是慢慢查看他的代码的实现功能了,先得看懂他是怎么实现的,然后你才会知道怎么改.
jQuery插件我也写的不少 像 模拟alert/confirm/prompt 错误信息提示框 模拟弹出窗体 无缝marquee滚动 分页控件 拖拽控件等等
jQuery插件的框架写法通常是
(function($){
$.fn.extend({
fnKey:function(){}
})
//或者
$.fn.fnKey=function(){}
})(jQuery)
上面的两种写法的调用 方式 是
$("XXX").fnKey()进行调用的
还有一种写法:
var fnClass = function(){
this.fnKey=function(){
}
this.props="";
}
这种写法是的调用 方式是
fnClass obj = new fnClass();
obj.fnKey();
第二种写法是js的面向对象编程 得自己慢慢的理解哈
通常jQuery插件为了减小体积 会发布两个版本 XXX.js和XXX.min.js
如果你要修改插件需要使用XXX.js文件
首先 你要知道它怎么用,先有一个可用的demo(没有demo就自己写一个),然后用webkit内核或firefox进行断点查看,这主要是为了找插件入口点,当然 你也可以直接查看js代码 这需要一定的底子
最后 就是慢慢查看他的代码的实现功能了,先得看懂他是怎么实现的,然后你才会知道怎么改.
jQuery插件我也写的不少 像 模拟alert/confirm/prompt 错误信息提示框 模拟弹出窗体 无缝marquee滚动 分页控件 拖拽控件等等
jQuery插件的框架写法通常是
(function($){
$.fn.extend({
fnKey:function(){}
})
//或者
$.fn.fnKey=function(){}
})(jQuery)
上面的两种写法的调用 方式 是
$("XXX").fnKey()进行调用的
还有一种写法:
var fnClass = function(){
this.fnKey=function(){
}
this.props="";
}
这种写法是的调用 方式是
fnClass obj = new fnClass();
obj.fnKey();
第二种写法是js的面向对象编程 得自己慢慢的理解哈
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询