jquery 插件学习(四)_jquery
程序员文章站
2022-04-23 13:28:18
...
针对上面的示例,我们可以调用jquery.fn.extend()方法来创建jquery对象方法。具体代码如下》
jQuery.fn.extend({
test : function(){
return this.each(function(){
alert(this.nodeName);
})
}
});
调用跟上面一样哦
$('body *').click(function(){
$(this).test().html(this.nodeName).hide(1000);
});
到这里,已经介绍了写jquery插件的两种方法,jquery.extend() 和jquery.fn.extend(),你学会了吗。
复制代码 代码如下:
jQuery.fn.extend({
test : function(){
return this.each(function(){
alert(this.nodeName);
})
}
});
调用跟上面一样哦
复制代码 代码如下:
$('body *').click(function(){
$(this).test().html(this.nodeName).hide(1000);
});
到这里,已经介绍了写jquery插件的两种方法,jquery.extend() 和jquery.fn.extend(),你学会了吗。
推荐阅读
-
jQuery插件FusionCharts绘制ScrollColumn2D图效果示例【附demo源码下载】
-
jQuery插件Echarts实现的渐变色柱状图
-
学习jQuery中的noConflict()用法
-
jQuery学习笔记之jQuery+CSS3的浏览器兼容性
-
【推荐】8款jQuery轻量级树形Tree插件
-
jquery图片播放浏览插件prettyPhoto使用详解
-
js专家教你如何快速编写简单的jQuery提示插件
-
jQuery实现ichat在线客服插件
-
jquery插件lazyload.js延迟加载图片的使用方法
-
jQuery中关于ScrollableGridPlugin.js(固定表头)插件的使用逐步解析