什么是核心函数

1.什么是核心函数?

事实上,$()就是核心函数

2.核心函数可以接收哪些值?

  • 接收一个函数(入口函数)
  • 接收一个字符串
    • 接收一个选择器
    • 接收一个代码片段
    • 接收一个 DOM 元素

接收 DOM 元素时,会将 DOM 元素转为 jQuery 对象

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery核心函数</title>
<style>
* {
margin: 0;
padding: 0;
}

div {
width: 100px;
height: 100px;
border: 1px solid black;
}
</style>
<script
src="https://code.jquery.com/jquery-1.12.4.js"
integrity="sha256-Qw82+bXyGq6MydymqBxNPYTaUXXq7c8v3CwiYwLLNXU="
crossorigin="anonymous">
</script>

<script>
// $();就代表调用 jQuery 的核心函数

//1.接收一个函数(入口函数)
$(function (ev) {
alert("HelloWorld");

//2.接收一个字符串
//2.1接收一个字符串选择器
var $div_1 = $("#div_1");
var $div_2 = $(".div_2");
console.log($div_1);
console.log($div_2);

//2.2接收一个代码片段
var $p = $("<p>这是一个代码片段</p>");
console.log($p);
$div_1.append($p);

//3.接收一个 DOM 元素
var span = document.getElementsByTagName("span")[0];
console.log(span);
// 将 DOM 元素放到核心函数中,会被包装成一个 jQuery 对象
$span = $(span);
console.log($span);
})
</script>

</head>

<body>
<div id="div_1"></div>
<div class="div_2"></div>
<span>这是一个 span 元素</span>
</body>
</html>

3.什么是 jQuery对象?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery对象</title>
<script
src="https://code.jquery.com/jquery-1.12.4.js"
integrity="sha256-Qw82+bXyGq6MydymqBxNPYTaUXXq7c8v3CwiYwLLNXU="
crossorigin="anonymous">
</script>
<script>
$(function (ev) {
/*
* 1.什么是 jQuery 对象?
* jQuery 对象是一个伪数组
*
* 2.什么是伪数组?
* 有 0 到 length-1 的属性,并且有 length 属性
*/
var $div = $("div");
console.log($div);
});
</script>
</head>
<body>
<div>div1</div>
<div>div2</div>
<div>div3</div>
</body>
</html>

评论

Your browser is out-of-date!

Update your browser to view this website correctly.&npsb;Update my browser now

×