夺命雷公狗jquery---48扩展jquery插件库

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script src="js/jquery.js"></script>
        <script>
            //扩展jquery插件库
            jQuery.fn.extend({
                //改变背景颜色
                fn1:function(){
                    this.css('background-color','red');
                },

                //改变大小
                fn2:function(){
                    this.css('font-size','30px');
                }
            });
        </script>
        <script>
            $(function(){
                $('#result').bind('click',function(){
                    //1.调用fn1方法
                    $('#result').fn1();

                    //2.调用fn2方法并且传参
                    $('#result').fn2('30px');
                });
            });
        </script>
    </head>
    <body>
        <div id="result">
            aaaaaaaaaaaaaaaaa
        </div>
    </body>
</html>

 

posted @ 2015-10-30 02:35  夺命雷公狗  阅读(143)  评论(0编辑  收藏  举报