<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.js">
</script>
<script>
// $():就代表调用jquery核心函数
//1.接受一个函数
$(function () {
alert("哈哈")
//2.接受一个字符串
//2.1接受一个字符串选择器
var $box1=$(".box1")
var $box2=$("#box2")
console.log($box1);
console.log($box2)
//2.2接受一个代码段片段
var $p=$("<p>这是接受一个代码段片段</p>")
console.log($p)
var $box=$box1.append($p)
console.log($box);
// 3.接受一个DOM元素
var span=document.getElementsByTagName("span")[0]
console.log(span);
var $span=$(span)
console.log($span)
})
</script>
</head>
<body>
<div class="box1"></div>
<div id="box2"></div>
<span>这是一个span标签</span>
</body>
</html>