$是个函数

<!--@description-->
<!--@author beyondx-->
<!--@date Created in 2022/07/31/ 20:43-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQuery是函数</title>
</head>
<body>
     <script src="jquery-1.12.4.js"></script>
     <script>
         $(function () {
         });

         // 2. jQuery文件结构
         // jQuery 其实是一个 自执行函数
         (function () {
             window.jQuery = window.$ = jQuery;
         }());

         /**
          * 3. 引入一个 js文件, 是会 执行这 js文件中的代码的
          * console.log(num); // 10
          * jQuery文件 是一个 自治性函数, 执行这个 jQuery文件中的代码, 其实就是 执行 这个 自治性函数
          * 这个 自执行文件 就是给 window对象, 添加一个 jQuery属性 和 $属性
          */
         console.log(window);

         // $ 和 jQuery等价
         console.log(window.jQuery === window.$); // true
         console.log(Object.prototype.toString.call($)); // [object Function]

         /**
          * 4. $ 是一个函数
          * 参数传递不同, 效果 也不一样
          */
         // 4.1. 如果 参数传递 的是 一个匿名函数 --入口函数
         $(function () {
         });
         
         // 4.2. 如果参数传递的是一个 字符串--选择器/创建一个标签
         $('#one');
         
         // 创建一个标签
         // $('<div>我是一个div</div>');
         
         // 4.3. 如果参数是一个 dom对象, 那他就会把 dom对象 转换成 jQuery对象
         // $(dom对象);
     </script>
</body>
</html>

posted on 2022-07-31 21:13  beyondx  阅读(196)  评论(0编辑  收藏  举报

导航