jQuery常用静态方法

jQuery的静态方法

  • each():遍历数组和伪数组
    • 返回值:遍历那个数组就返回那个数组
    • 和原生js的forEach的区别:js中的forEach只能遍历数组不能遍历伪数组,参数的位置不同
var arr = [1, 3, 5, 6, 7]
//伪数组
var obj = {
    
     0: 1, 1: 2, 2: 3, length: 3 }

//jQuery each
$.each(arr, function (index, value) {
    
        //注意:原生js的forEach的回调的参数为 value,index
    console.log(index, value)
})
//可以循环伪数组
$.each(obj, function (index, value) {
    
    
    console.log(index, value)
})
  • map():遍历数组和伪数组
    • 返回值:默认返回一个空数组
      • 静态方法可以在回调函数中通过return对遍历的数组进行处理,然后生成一个新的数组返回
    • 和原生js的map的区别:js中的map只能遍历数组不能遍历伪数组
var arr = [1, 3, 5, 7, 9];
var obj = {
    
     0: 1, 1: 3, 2: 5, 3: 7, 4: 9, length: 5 };

var res1 = $.map(obj, function (value, index) {
    
    
    console.log(index, value);
    return value + index;
});

var res2 = $.each(obj, function (index, value) {
    
    
    console.log(index, value);
    return value + index;
});
// [1, 4, 7, 10, 13]   {0: 1, 1:  3, 2: 5, 3: 7, 4: 9, length: 5}
console.log(res1, res2);

  • trim():去除字符串两端的空格
    • 返回值:去除空格后的字符串
    • var res = $.trim(字符串);
  • isWindow():判断是否是window
    • 返回值:true/flase
    • var res = $.isWindow(值);
  • isArray():判断是否是真数组
    • 返回值:true/flase
    • var res = $.isArray(值);
  • isFunction():判断是否是函数
    • 返回值:true/flase
    • var res = $.isFunction(值);
  • holdReady():暂停ready(入口函数)执行
    • $.holdReady(true):为暂停入口函数执行
    • $.holdReady(flase):为执行入口函数

猜你喜欢

转载自blog.csdn.net/CSDNzhaojiale/article/details/106812341
今日推荐