jQuery核心函数

• 从jQuery文档中可以看出,一共3大类4小类
• • 当DOM加载完成后执行传入的回调函数

---

• • 接收一个包含 CSS 选择器的字符串，然后用这个字符串去匹配一组元素,并包装成jQuery对象

• 原生JS对象和jQuery对象相互转换

Tips:为了方便开发者之间沟通和阅读,一般情况下所有jQuery操作相关的变量前面加上$

---

• • 根据 HTML 标记字符串，动态创建DOM 元素

---

jQuery对象

• jQuery对象的本质是什么?
  • jQuery对象的本质是一个伪数组

var $div = $("div");console.log($div);var arr = [1, 3, 5];console.log(arr);

• 什么是伪数组?
  • 有0到length-1的属性
  • 并且有length属性

var obj = {0:"lnj", 1:"33", 2:"male", length: 3}

---

jQuery静态方法

• 什么是静态方法?
  • 静态方法对应的是对象方法,对象方法用实例对象调用,而静态方法用类名调用

• • 暂停或者恢复jQuery.ready()事件
  • 传入true或false

    
                 点击测试弹出解除延迟

---

• • 遍历对象或数组
  • 优点统一遍历对象和数组的方式
  • 回调参数的顺序更符合我们的思维模式

---

• • 遍历对象或数组,将回调函数的返回值组成一个新的数组返回

$(function () {            // 4.1遍历数组            var arr = [1, 3, 5, 7, 9];            // 4.1.1通过原生方法遍历数组            // 第一个回调函数参数是遍历到的元素            // 第二个回调函数参数是当前遍历的索引            // 第三个回调函数参数是当前被遍历的数组            // 返回值: 将回调函数返回值收集起来组成一个新的数组            var res = arr.map(function (ele, idx, arr) {                console.log(idx, ele, arr);                return ele + idx;            });            console.log(res);                        // 4.1.2通过jQuery静态方法遍历数组            // 第一个回调函数参数是遍历到的元素            // 第二个回调函数参数是当前遍历的索引            // 返回值: 将回调函数返回值收集起来组成一个新的数组            var $res2 = $.map(arr, function (ele,idx) {                console.log(idx, ele);                return ele + idx;            });            console.log($res2);            // 4.2遍历对象            var obj = {name: "lnj", age:"33", gender:"male"};            /*            obj.map(function (ele, idx, obj) {                // 报错,原生JS没有map方法                console.log(idx, ele, obj);            });            */            var $res = $.map(obj, function (value, key) {                console.log(key, value);                return key + value;            });            console.log($res);        });

---

• • 去掉字符串起始和结尾的空格。

---

• 判断是否是数组

---

• • 判断是否是函数

---

• • 判断是否是window对象

为什么要讲解以上极度简单的工具方法?

江哥提示: 这是为后面放大招做铺垫,一定要认真记住以上方法哦