jquery编写自己的插件

最新推荐文章于 2022-11-06 07:58:12 发布

指尖上的程序

最新推荐文章于 2022-11-06 07:58:12 发布

阅读量282

点赞数

CC 4.0 BY-SA版权

分类专栏： JQuery

本文链接：https://blog.youkuaiyun.com/xiaoxing1521025/article/details/8115256

JQuery 专栏收录该内容

26 篇文章

订阅专栏

本文详细介绍了JS插件的两种实现方式，并提供了测试调用代码，帮助开发者深入理解JS插件的使用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

js插件实现代码
第一种实现写法

   Js代码  
   
  
 (function($){  
     $.fn.extend({  
         "liyh":function(value){  
             if(value==undefined){  
                 alert("hello");  
             }else{  
                 alert(""+value);  
             }  
         }  
     });  
 })(jQuery);  

第二种实现写法

   Js代码  
   
  
 (function($){  
     $.fn.liyh=function(value){  
         if(value==undefined){  
             alert("hello");  
         }else{  
             alert(value);  
         }  
     };  
 })(jQuery);  

测试调用代码

   Html代码  
   
  
 <html>  
 <head>  
     <script type="text/javascript" src="../jquery-1.4.4.min.js"></script>  
     <script type="text/javascript" src="test.js"></script>  
     <script type="text/javascript">  
         $(function(){  
             $(this).liyh("liyh");  
         });  
     </script>  
       
 </head>  
 <body>  
 </body>  
 </html>