AJAX手写JQuery封装回调函数------AJAX

- 日理万妓 2024-02-18 11:33 80阅读 0赞

>     <!DOCTYPE html>
>     <html lang="en">
>     <head>
>         <meta charset="UTF-8">
>         <title>JQ</title>
>     
>     
>     
>     
>     
>     
>     
>     
>     
>     
>     
>     
>     
>     
>     </head>
>     <body>
>     <script type="text/javascript">
>       // 封装一个函数,通过这个函数就可以获取页面中的元素了
>       function JQuery(selector)//可能时#id或者.class这样的类选择器
>       {
>         if(typeof selector === "string")
>         {
>           // 设计思路根据CSS语法
>           if (selector.charAt(0) === "#")
>           {
>             // 根据ID获取元素
>             var IE = document.getElementById(selector.substring(1));
>             return IE;
>           }
>           if (selector.charAt(0) === ".")
>           {
>             var CE = document.getElementById(selector.substring(1));
>             return CE;
>           }
>         }
>         if(typeof selector === "function")
>         {
>           window.onload = selector;
>         }
>       }
>       $ = JQuery;
>       $(function()
>       {
>         $("#btn").onclick = function()
>         {
>           $("#myDiv").innerHTML = "<font color='red'>哈哈哈</font>"
>         }
>       })
>     </script>
>       <button id="btn">显示信息</button>
>       <div id="myDiv"></div>
>       <input name="aiHao" type="checkbox">
>       <input name="aiHao" type="checkbox">
>       <span class="myClass"></span>
>       <span class="myClass"></span>
>       <span class="myClass"></span>
>       <span class="myClass"></span>
>       <span class="myClass"></span>
>     </body>
>     </html>
> 
>     <!DOCTYPE html>
>     <html lang="en">
>     <head>
>         <meta charset="UTF-8">
>         <title>JQ</title>
>     
>     
>     
>     
>     
>     
>     
>     
>     
>     
>     
>     
>     
>     
>     </head>
>     <body>
>     <script type="text/javascript">
>       // 封装一个函数,通过这个函数就可以获取页面中的元素了
>       function JQuery(selector)//可能时#id或者.class这样的类选择器
>       {
>         if(typeof selector === "string")
>         {
>           // 设计思路根据CSS语法
>           if (selector.charAt(0) === "#")
>           {
>             // 根据ID获取元素
>             var IE = document.getElementById(selector.substring(1));
>             return IE;
>           }
>           if (selector.charAt(0) === ".")
>           {
>             var CE = document.getElementById(selector.substring(1));
>             return CE;
>           }
>         }
>         if(typeof selector === "function")
>         {
>           window.onload = selector;
>         }
>       }
>       $ = JQuery;
>       $(function()
>       {
>         $("#btn").onclick = function()
>         {
>           $("#myDiv").innerHTML = "<font color='red'>哈哈哈</font>"
>         }
>       })
>     </script>
>       <button id="btn">显示信息</button>
>       <div id="myDiv"></div>
>       <input name="aiHao" type="checkbox">
>       <input name="aiHao" type="checkbox">
>       <span class="myClass"></span>
>       <span class="myClass"></span>
>       <span class="myClass"></span>
>       <span class="myClass"></span>
>       <span class="myClass"></span>
>     </body>
>     </html>