jquery结构

jQuery设计模式

最新推荐文章于 2025-01-12 21:03:20 发布

原创最新推荐文章于 2025-01-12 21:03:20 发布 · 91 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jQuery #HTML #ViewUI

本文通过一个简单的例子展示了jQuery的设计模式及其实现方式。该模式利用了立即执行函数表达式（IIFE）来创建一个闭包环境，并在此环境中定义了一个名为XX的构造函数。通过将这个构造函数赋值给window.XX和window.$，使得外部可以调用它。同时，这种模式还实现了jQuery样式的链式调用。


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
        <title>jQuery结构</title>
    </head>
    <body>
        <script type='text/javascript'>
            (function(window){

                var XX = (function(){

                   var XX=function(){
				   		alert('hello');
				   }

//				 alert(XX);  
                return window.XX=window.$=XX;//注释掉后会发现设计的巧妙  
                })()
//				alert(xx);
//				alert(window.XX);

            })(window)
//			delete  XX;
//			alert(XX)


        </script>
    </body>
</html>