jQuery插件写法总结以及面向对象方式写法总结_对象方式写jquery

作者：繁依Fanyi0 | 2024-03-13 04:50:23

踩

对象方式写jquery

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8" />
       <title></title>
       <script src="js/jquery-3.2.1.min.js"></script>
   </head>
   <body>
       <div id="compare">

       </div>
       <h3>最简单的jQuery插件</h3>
        <div id="ad"></div>
       <script>

//将jquery作为jquery作用域下的一个公共函数使用，通过jquery.fn()或$.fn方法进行引用

           jQuery.extend({
               min:function(a,b){if(a>b){return b;}else{return a;}},
           });
           $(function(){
               console.log(jQuery.min(3,4));
           });

//jquery.extend()方法除了可以创建插件外还可以将两个对象合并

           var a={name:'aa'};
           var b={name:'bb'};
           var c=$.extend(a,b);console.log(c.name);

//如果要像jquery命名空间上添加一个函数，只需要将这个函数作为jquery对象的一个属性即可，

           jQuery.compar={
               min:function(a,b){if(a>b){return b;}else{return a;}},
               max:function(a,b){if(a>b){return a;}else{ return b;}},
           };
           console.log($.compar.min(3,4));

//jquery.fn.extend对象方法,这种方法能够创建jQuery对象方法。

           jQuery.fn.min=function(a,b){alert($(this).attr('id'));if(a>b){return b;}else{return a;}}
           $(function(){
           console.log($('#compare').min(3,4));
           });

//可以通过两种方式创建插件

//1、在jQuery匿名函数中,采用jQuery.extend();方法创建jQuery插件

//2、在jQuery匿名函数中,采用对象.属性=函数的方式创建jQuery插件

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/繁依Fanyi0/article/detail/227870

jQuery插件写法总结以及面向对象方式写法总结_对象 方式写jquery