jquery 插件学习(四)_jquery
程序员文章站
2022-04-09 22:49:15
...
针对上面的示例,我们可以调用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实现文字无缝滚动效果示例代码(Marquee插件)
-
Asp.net MVC中使用JQuery插件ajaxFileUpload上传文件
-
jQuery添加新内容的四个常用方法分析【append,prepend,after,before】
-
jquery表单验证使用插件formValidator
-
jQuery插件实现非常实用的tab栏切换功能【案例】
-
jquery文件上传插件(ajax异步上传多个文件方法)
-
jQuery Pagination分页插件使用方法详解
-
jQuery中使用validate插件校验表单功能
-
jQuery tip提示插件(实例分享)
-
jQuery使用eraser.js插件实现擦除、刮刮卡效果的方法【附eraser.js下载】