<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery核心函数</title>
<script src="../js/jquery-1.11.3.js"></script>
<script>
// 核心函数：$()
// 该函数可以接收参数的类型: 函数，字符串，dom对象
// 其中字符串还可以细分为: 选择器字符串，代码片段字符串
// 1. 可以接收函数作为参数
// 也就是jQuery中的入口函数
$(function () {
// 2. 可以接受选择器字符串
// 将该元素包装成jQuery对象返回给我们
let $box1 = $(".box1");
let $box2 = $("#box2");
console.log($box1);
console.log($box2);
// 3. 也可以接收代码字符串
// 并且会将该代码包装成一个jQuery对象返回给我们
let $button = $("<button></button>");
console.log($button);
// 4. 接收dom对象
// 同样的会将该dom对象包装成一个jQuery对象返回给我们
let oSpan = document.getElementsByTagName("span");
let $span = $(oSpan);
console.log($span);
});
</script>
</head>
<body>
<div class="box1"></div>
<div id="box2"></div>
<span></span>
</body>
</html>
