JQ插件写法二

参数放在外面的写法:

<!DOCTYPE html>

<html>

    <head>

      <meta charset="utf-8">

      <title></title>

    </head>

    <script type="text/javascript" src="js/jquery-1.7.1.js"></script>

    <body>

      <p style="color: burlywood;">今天天气真好!!!</p>

      <script type="text/javascript">

          (function($){

             var defaults={

                 color:'red'

             };

             $.fn.extend({

                 testCC:function(options){

                    var opts=$.extend(defaults,options);

                    return this.each(function(){

                        var obj=$(this);

                        obj.click(function(){

                           obj.css({

                               color:defaults.color

                           });

                           console.log(opts.color);

                        });

                    });

                 }

             });

          })(jQuery);

          //test

          $(function(){

             $('p').testCC({color:'green'});

           });

       </script>

    </body>

</html>

你可能感兴趣的:(html5,插件)