zoukankan      html  css  js  c++  java
  • 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)
    
  • 相关阅读:
    数据结构----------------优先队列
    IDEA建立---- java web项目
    mysql 基础篇5(mysql语法---数据)
    数据库 基础篇4(mysql语法---表)
    数据库 基础篇3(mysql语法)
    数据库 基础篇2(mysql)
    vi保存搜索结果
    自定义修改connect rule
    xargs 的应用
    nfs,nis nobody的问题
  • 原文地址:https://www.cnblogs.com/momo8238/p/7478776.html
Copyright © 2011-2022 走看看