jQuery静态方法

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 );