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

旧约Alatus

已于 2023-11-16 13:09:53 修改

阅读量46

点赞数 1

分类专栏： AJAX 前端文章标签： javascript ajax jquery vue.js node.js js 前端

于 2023-11-16 11:47:52 首次发布

本文链接：https://blog.csdn.net/2201_75960169/article/details/134438572

版权

前端同时被 2 个专栏收录

350 篇文章 2 订阅

订阅专栏

AJAX

45 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JQ</title>
<!--  <style type="text/css">-->
<!--    #myDiv-->
<!--    {-->
<!--      /*我是一个ID选择器*/-->
<!--    }-->
<!--    .myClass-->
<!--    {-->
<!--      /*我是一个类选择器*/-->
<!--    }-->
<!--    span-->
<!--    {-->
<!--      /*我是一个元素全选*/-->
<!--    }-->
<!--  </style>-->
</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>
<!--  <style type="text/css">-->
<!--    #myDiv-->
<!--    {-->
<!--      /*我是一个ID选择器*/-->
<!--    }-->
<!--    .myClass-->
<!--    {-->
<!--      /*我是一个类选择器*/-->
<!--    }-->
<!--    span-->
<!--    {-->
<!--      /*我是一个元素全选*/-->
<!--    }-->
<!--  </style>-->
</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>