1. jQuery核心函数
2. jQuery对象是什么
3. jQuery核心函数命名冲突

1. jQuery核心函数

$();  // 代表调用jQuery的核心函数

核心函数括号内可以

• 1. 接收一个函数
• 2. 接收一个字符串
     接收一个字符串选择器
     接收一个字符串代码片段
• 3. 接收一个dom元素

1.1接收一个函数（作为入口函数）

$(function(){
    alert("hello world");
});

我的简书文章：《jQuery入口函数》
https://www.jianshu.com/p/71b29f7742b5

1.2 接收一个字符串

1.2.1 接收一个选择器（用于查找dom元素）

var $box1 = $(".box1");
var $box2 = $("#box2");

我的简书文章《jQuery选择器》
https://www.jianshu.com/p/5ddbf993eeeb

1.2.2 接收一个代码片段（用于创建dom元素）

// 会自动创建p标签元素
var $p = $("<p>我是段落</p>");
// 将创建的p标签元素加入到父元素中
$box1.append($p);

1.3 接收一个dom元素

将dom元素包装为jQuery对象返回出来

var span = document.getElementByTagName("span")[0];
console.log(span);  // span元素
var $span = $(span);
console.log($span);  // jQuery对象包装后的span元素
console.log($span[0]);  // span元素

2. jQuery对象是什么？

• jQuery对象是一个伪数组。在它的键值对中，键是索引，值是dom元素
• 什么是伪数组？
  伪数组有length属性，并且有0到length-1个键值对

$(function(){
    var $div = $("div");
    console.log($div);  // 伪数组
    var arr = [1, 2, 3];
    console.log(arr);  // 真数组
})

3. jQuery核心函数命名冲突

我的简书文章：《jQuery核心函数命名冲突》
https://www.jianshu.com/p/df8cc7c2284b