自定义jquery函数

最新推荐文章于 2021-09-08 10:22:41 发布

sqyNick

最新推荐文章于 2021-09-08 10:22:41 发布

阅读量411

点赞数

分类专栏： Web前端文章标签： jquery 函数

本文链接：https://blog.csdn.net/u010670151/article/details/51227084

版权

Web前端专栏收录该内容

24 篇文章 0 订阅

订阅专栏

自定义jquery函数

第一种方法：

jQuery.fn.SunShow=function(c){
   console.log(c);
};

调用方式：

$().SunShow("hello jquerySunShow");

第二种方法：

jQuery.fn.extend({
   NextShow:function(c){
       console.log(c);
    }
});

调用方式：

$().NextShow("hello jqueryNextShow");

应用举例：

jQuery.fn.popUpWindow=function(){
   var t='<div class="popup_window"></div>';
   $(t).append("body");
 
   $(".popup_window").css("width","600px");
   $(".popup_window").css("height","600px");
   $(".popup_window").css("background-color","#00bcd4");
   $(".popup_window").fadeIn(600);
   window.setTimeout(function(){
       $(".popup_window").fadeOut(600);
   },2000);
};

上例是用jquery动态添加弹出层，具体效果可以自己实现。