Hexo搭建个人博客

jQuery静态方法

静态方法和实例方法

• 静态方法

  <script>
          // 1.定义一个类
          function AClass() {
          }
          // 2.给这个类添加一个静态方法
          // 直接添加给类的就是静态方法
          AClass.staticMethod = function () {
              alert("staticMethod");
          }
          // 静态方法通过类名调用
          AClass.staticMethod();
  </script>

• 实例方法

  <script>
          // 1.定义一个类
          function AClass() {
          }
          // 2.给这个类添加一个实例方法
          AClass.prototype.instanceMethod = function () {
              alert("instanceMethod");
          }
          // 实例方法通过类的实例调用
          // 创建一个实例(创建一个对象)
          var a = new AClass();
          // 通过实例调用实例方法
          a.instanceMethod();
  </script>

each方法

• 原生forEach方法可以遍历数组，但是不可遍历伪数组

  <script>
  	var arr = [1, 3, 5, 7, 9];
  	arr.forEach(function (value, index) {
      	 console.log(index, value);
       });
  </script>

• 注意（1）：function中的参数
  第一个参数value：遍历的元素
  第一个参数index：当前遍历的索引

• jQuery的each方法可以遍历数组和伪数组

  <script>
  	var arr = [1, 3, 5, 7, 9];
  	//伪数组
  	var obj = {0:2, 1:4, 2:6, 3:8, 4:10, length:5};
  	//遍历数组
  	$.each(arr, function (index, value) {
      	console.log(index, value);
      });
      //遍历伪数组
      $.each(obj, function (index, value) {
      	console.log(index, value);
      });
  </script>

• 注意（2）：function中的参数
  第一个参数index：当前遍历的索引
  第一个参数value：遍历到的数组

map方法

• jQuery的map方法

  <script>
  	var obj = {0:1, 1:3, 2:5, 3:7, 4:9, length:5};
  	$.map(arr, function (value, index) {
      	console.log(index, value);
      });
  </script>

• 注意：
  第一个参数arr：要遍历的数组
  第二个参数index：每遍历一个元素之后执行的回调函数
  回调函数的参数：
  第一个参数value：遍历到的元素
  第二个参数index：遍历到的索引

each方法和map方法的区别

• each静态方法默认的返回值就是, 遍历谁就返回谁；而map静态方法默认的返回值是一个空数组
• each静态方法不支持在回调函数中对遍历的数组进行处理；而map静态方法可以在回调函数中通过return对遍历的数组进行处理, 然后生成一个新的数组返回

其他静态方法

• 去除字符串两端的空格：$.trim();

  <script>
          /*
          参数: 需要去除空格的字符串
          返回值: 去除空格之后的字符串
          */
          var str = "    lnj    ";
          var res = $.trim(str);
          console.log("---"+str+"---");
          console.log("---"+res+"---");
  </script>

• 判断传入的对象是否是真数组：$.isArray();

• jQuery框架本质上是一个函数

  (function( window, undefined ) {
  	//代码...
           })( window );

---

转载请注明来源，欢迎对文章中的引用来源进行考证，欢迎指出任何有错误或不够清晰的表达。可以在下面评论区评论，也可以邮件至 2113132982@qq.com