• jQuery扩展


    1. jQuery方法的调用方式:

    方法1:$+选择器--->执行方法:$('#i1').css( )

    方法2:$.---->直接执行函数:$.ajax()

    方法3:自定义方法

    示例:用$.extend方法,增加了1个answer()方法。

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
        <script src="jquery-1.12.4.js"></script>
        <script>
            $.extend({
                'answer':function(){
                    return 'I am Lucy';
                }
            })
            var v=$.answer();
            alert(v);
        </script>
    </body>
    </html>
    

     运行效果:

    方法4. 用$.fn.extend()扩展,扩展方法不同,调用方式也不同。

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
        <script src="jquery-1.12.4.js"></script>
        <script>
    
            $.fn.extend({
                "question":function(){
                    return 'who are you?';
                }
            });
    
            var v=$('#i1').question();
            alert(v);
        </script>
    </body>
    </html>
    

    效果:

    5.可以从网上下载这个别人已经写好的扩展方法,然后应用到自己的程序里面。

    1)把扩展函数写到.js里面,

    2 ) 在自己的函数中导入一下,然后就可以直接使用了。效果同上。

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
        <script src="jquery-1.12.4.js"></script>
        <script src="plugin1.js"></script>
        <script>
            var v=$('#i1').question();
            alert(v);
        </script>
    </body>
    </html>
    

     3)为了防止下载下来的程序里面的全局变量名相同,导致程序混乱。可以把程序写到自执行函数里面。因为一个函数作为一个作用域。如下:

    (function(){
    
        var status=1;
            $.fn.extend({
                "question":function(){
                    return 'who are you?';
                }
            });
    })();
    

    可以把jQuery当做参数传过来

    (function(arg){
    
        var status=1;
            arg.fn.extend({
                "question":function(){
                    return 'who are you?';
                }
            });
    })(jQuery);
    

     6.本节笔记:

    jQuery扩展:
    	-$.extend        $.方法
    	-$.fn.extend     $(...).方法
    	
    	(function(){
    		var status=1;
    		//封装全局变量
    	})(jquery)
    
  • 相关阅读:
    使用QQ邮箱发送邮件,QQ邮箱的smtp设置
    Linux常用命令
    Pycharm批量查找替换功能
    HTML/CSS学习笔记
    什么样的人适合做自动化测试
    如何测试一个WEB的输入框?
    我收集的学习网站
    SQL查询练习(一)
    linux消息队列应用编程
    linux共享内存简单介绍以及编码演示
  • 原文地址:https://www.cnblogs.com/momo8238/p/7478776.html
Copyright © 2020-2023  润新知