AJAX手写JQuery实现根据ID来获取DOM元素------AJAX

╰半橙微兮° 2024-02-18 11:32 49阅读 0赞

>     <!DOCTYPE html>
>     <html lang="en">
>     <head>
>         <meta charset="UTF-8">
>         <title>JQ</title>
>     
>     
>     
>     
>     
>     
>     
>     
>     
>     
>     
>     
>     
>     
>     </head>
>     <body>
>     <script type="text/javascript">
>       // 封装一个函数,通过这个函数就可以获取页面中的元素了
>       function JQuery(se)//可能时#id或者.class这样的类选择器
>       {
>         // 根据ID获取元素
>         // 设计思路根据CSS语法
>         if (se.charAt(0) === "#")
>         {
>           var IE = document.getElementById(se.substring(1));
>           return IE;
>         }
>         if (se.charAt(0) === ".")
>         {
>           var CE = document.getElementById(se.substring(1));
>           return CE;
>         }
>       }
>       $ = JQuery;
>       window.onload = 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(se)//可能时#id或者.class这样的类选择器
>       {
>         // 根据ID获取元素
>         // 设计思路根据CSS语法
>         if (se.charAt(0) === "#")
>         {
>           var IE = document.getElementById(se.substring(1));
>           return IE;
>         }
>         if (se.charAt(0) === ".")
>         {
>           var CE = document.getElementById(se.substring(1));
>           return CE;
>         }
>       }
>       $ = JQuery;
>       window.onload = 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>