02-JQuery核心函数和静态方法

JQuery核心函数

• JQuery核心函数有两种写法
  $();
jQuery();
• 核心函数接收一个字符串选择器
  返回一个jQuery对象, 对象中保存了找到的DOM元素

var oBox1 = $(".box1");
console.log(oBox1);

• 接收一个字符串代码片段
  返回一个jQuery对象, 对象中保存了创建的DOM元素

var $p = $("<p>我是P</p>");
oBox1.append($p);

• 接收一个DOM元素
  会被包装成一个jQuery对象返回给我们

var oSpan = $("span");
console.log(oSpan);

---

JQuery静态方法

each方法

• 原生foreach

第一个参数: 遍历到的元素
第二个参数: 当前遍历到的索引

arr.forEach(function (value,index) {
     console.log(index, value);
});

注意点:
原生的forEach方法只能遍历数组, 不能遍历伪数组

• JQuery提供的each方法

// 1.利用jQuery的each静态方法遍历数组
/*
第一个参数: 当前遍历到的索引
第二个参数: 遍历到的元素
*/
//遍历数组
$.each(arr,function (index, ele) {
     console.log(index, ele);
});
        
//遍历对象
$.each(obj,function (index,ele) {
     console.log(index, ele);
});

注意点:
jQuery的each方法是可以遍历伪数组

map方法

第一个参数: 要遍历的数组
第二个参数: 每遍历一个元素之后执行的回调函数

回调函数的参数:
第一个参数: 遍历到的元素
第二个参数: 遍历到的索引

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

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

$.trim()方法

作用: 去除字符串两端的空格
参数: 需要去除空格的字符串
返回值: 去除空格之后的字符串

var str = "    lnj    ";
var res = $.trim(str);

$.isWindow()方法

参数:   需要判断的对象
作用: 判断传入的对象是否是window对象
返回值: true/false

// window对象
var w = window;
var res = $.isWindow(w);

$.isArray()方法

作用: 判断传入的对象是否是真数组
返回值: true/false

var res2 = $.isArray(arr);

$.isFunction()方法

作用: 判断传入的对象是否是一个函数
返回值: true/false

var res3 = $.isFunction(fn);