jquery 插件开发:
类级别开发,开发新的全局函数
对象级别开发,给jquery对象开发新方法
一、类级别开发 -定义全局方法
. 代码如下:
jquery.foo = function() {
alert('this is a test.');
};
. 代码如下:
jquery.apollo={
fun1:function(){
console.log('fun1');
},
fun2:function(){
console.log('fun2');
}
}
. 代码如下:
(function($) {
$.fn.pluginname = function() {
};
})(jquery);
//插件通过这样被调用:
$('#mydiv').pluginname();
. 代码如下:
(function($){
$.fn.fun2=function(option){
var defaultoption={
param1:'param1',
param2:'param2'
}
$.extend(defaultoption,option);
console.log(defaultoption);
}
})(jquery);
$(function(){
//通过这样调用
$("body").fun2({
param1:'new param1'
});
});
. 代码如下:
(function($) {
// plugin definition
$.fn.hilight = function(options) {
debug(this);
// ...
};
// private function for debugging
//“debug”方法不能从外部闭包进入,因此对于我们的实现是私有的。
function debug($obj) {
if (window.console && window.console.log)
window.console.log('hilight selection count: ' + $obj.size());
};
// ...
})(jquery);
如对本文有疑问, 点击进行留言回复!!
轻松解决 org.apache.taglibs.standard.tlv.JstlCoreTLV 困惑
vert实践五——Json?Protocol Buffer?FlatBuffers?
[基于tensorflow的人脸检测] 基于神经网络的人脸检测8——验证训练好的神经网络
selenium + ajax抓取英雄联盟全部英雄的详细信息及多线程保存全部皮肤图片到本地
网友评论