拓展JQuery函数库，开发JQuery 插件

最新推荐文章于 2024-10-18 17:51:23 发布

iteye_9309

最新推荐文章于 2024-10-18 17:51:23 发布

阅读量102

点赞数

分类专栏： JQuery 文章标签： function extend javascript fn ViewUI

本文链接：https://blog.csdn.net/iteye_9309/article/details/82335424

版权

JQuery 专栏收录该内容

5 篇文章 0 订阅

订阅专栏


  现在已经是学会$.extend()函数的日后了....
  将新的函数的合并到JQuery函数库，这样就可以用$(selector)._cow_vaginal()的形式调用了
  1.第一种方法(模版),总觉得这种写法不太正统


 (function($){
      $.fn.extend({ 
          _Your_Function_Name:function(){
             //very important property -- arguments
             //此默认参数用来日后获取调用该参数的
             //例如: arguments[0]....arguments[n]
             //!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
             //!!!!!Do some thing here!!!!!!!!!!!!
             //!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
          };
      });
  })(jQuery);


 2.第二种方法


 (function($){
            $.fn._Your_Function_Name= function(options){
            //各种属性、参数
            var defaultsArguments = {
                         argument1:"Niu",
                         argument2:"Bi",    
            }
            //这里获取参数的方式也可以跟上面的一致
            //var options = $.extend(defaults, options);
            this.each(function(){
             //!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
             //!!!!!Do some thing here!!!!!!!!!!!!
             //!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
            });
        };
        })(jQuery);


 //调用方法就跟JQuery的默认函数一样
 $(selector)._Your_Function_Name();
 $(selector)._Your_Function_Name(
     参数1,
     参数2,
     ...
     参数n
  );

//一个例子


<!DOCTYPE html>
<html>
<head>
    <title>JQuery</title>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <style>
        #msg{width:100%;height:100%;}
    </style>
</head>
<body>
    <script>
        (function($){

          $.fn.extend({
              _COW_VAGINAL:function(){
                  var arg= arguments[0];
                  var arg2 = arguments[1];
                  var arg3 = arguments[2];
                  alert(arg[1].simple + ","+arg2+","+arg3.arg1);
                  //alert(arg[1]["simple"] + ","+arg2);
              }
          });

        })(jQuery);

    </script> 
    <script>
        (function($){
            $.fn._COW_VAGINAL_AGAIN = function(options){
            //各种属性、参数
             var arg= arguments[0];
             var arg2 = arguments[1];
            //var options = $.extend(defaults, options);
            this.each(function(){
            //插件实现代码
             alert(arg2);
            });
        };
        })(jQuery);
    </script>
<script>
    var arr = [ "one", "two", "three", "four", "five" ];
    var obj = { one:1, two:2, three:3, four:4, five:5 };
    //alert($.isArray(obj));

    $(document).ready(function(){
         $("#msg")._COW_VAGINAL(
                [
                  {name:"name",simple:"标题",required:true},
                  {name:"lls",simple:"标题2",required:true},
                ],
                "let's start",
                {
                    arg1:"NiuBi",
                    arg2:"NiuBi2"
                }
         );
    });

</script>

<div id="msg">

</div>

</body>
</html>