$();或jQuery();就代表了调用jQuery的核心函数:
jQuery核心函数的作用:
1.接收一个函数,(入口函数),
$(function(){
alert("ok");
});
2.接收一个字符串:
- 接收一个字符串选择器:$(".box"),$("#box"),返回一个jQuery对象,对象中保存了找到的DOM元素
- 接收一个字符串代码片段:$("<p>我是一个p标签</p>"),返回一个jQuery对象,对象中保存了创建的DOM元素,(动态创建dom元素)
3.接收一个DOM元素
如果将原生JS获取的DOM元素传给jQuery核心函数,核心函数会将它包装成jQuery对象返回给我们;
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div class="box1"></div>
<div id="box2"></div>
<span>我是span标签</span>
<script src="../JS/jquery-3.3.1.min.js"></script>
<script>
//$();或jQuery();就代表调用了jquery的核心函数
//jquery核心函数的作用
//1.接收一个函数(入口函数)
$(function(){
//2.接收一个字符串
/*2.1接收一个字符串选择器
(返回一个jQuery对象,对象保存了找到的DOM元素)
*/
let $box1 = $(".box1");
let $box2 = $("#box2");
console.log($box1);
console.log($box2);
/*2.2接收一个代码片段(动态创建dom元素)
(返回一个jQuery对象,对象中保存了创建的DOM元素)
*/
let $p = $("<p>我是段落</p>");
console.log($p);
$box2.append($p);
/*3.接收一个DOM元素
如果将原生的dom元素传给jQuery的核心函数,核心函数会将他包装
成jQuery对象返回给我们
*/
let span = document.getElementsByTagName("span")[0];
console.log(span);
let $span = $(span);
console.log($span);
});
</script>
</body>
</html>