Web Front End Season 4 (jQuery): 1:101-What is jQuery+102-jQuery download and introduction+103-jQuery way to monitor the onload event of web page

content

First, the purpose

1. Think: learn front-end knowledge

2. Thinking: Take notes, next time you don't need to watch the video, just look at the notes to quickly recall.

2. Reference

1. GitHub URL of my own code

2. SIKI Academy: I refer to this video for practice

3.w3school official website: use it as a dictionary

4. Rookie Tutorial: Use as a Dictionary

5. Web Front End Season 1 (HTML): My own note-taking blog

6. Web Front End Season 2 (CSS): My own note blog

7. Web Front End Season 3 (JavaScript): My own note-taking blog

3. Attention

Action: 1: Success: 101 - What is jQuery

1. Running result: success:

Action: 2: Success: 102 - jQuery download and introduction

1. Download: successful

1. Create jQuery project: success

 1. Running result: success: import jQuery file

Operation: 3: Success: 103 - jQuery way to monitor the onload event of the web page

1. Running result: success: onload mode in 4

---

First, the purpose

1. Think: learn front-end knowledge

2. Thinking: Take notes, next time you don't need to watch the video, just look at the notes to quickly recall.

2. Reference

1. GitHub URL of my own code

​​​​​GitHub - xzy506670541/WebTest: Web Frontend for SIKI Academy

2. SIKI Academy: I refer to this video for practice

Login - SiKi Academy - Life is endless, learning is endless! Teacher siki's Unity3D professional video learning platform, thousands of real-time update courses for students to watch online, provide the latest, most complete and fastest video learning courses for domestic developers http://www.sikiedu.com/my/course /212

1. I refer to this video for practice

3.w3school official website: use it as a dictionary

w3school online tutorials

4. Rookie Tutorial: Use as a Dictionary

Rookie Tutorial - Learning is not only technology, but also a dream!

5. Web Front End Season 1 (HTML): My own note-taking blog

Web Front End Season 1 (HTML): 1:101 - Why Learn Web Front End? +102 - What is HTML? +103-Installation tools and learning methods+04-Create the first web page file Action: Success 1. What is HTML? 1. Why learn HTML? 1. Applicable objects of this course? 1. Relationship between web front-end engineers and back-end 1. What development tools are used? 1. How to study? 1. Operation: The first webpage: 1. Purpose 1. 2. Reference 1. SIKI Academy Login - SiKi Academy - Life is endless, learning is endless! I refer to this video practice 1. Nodepad++ official website https: https://blog.csdn.net/qq_40544338/article/details/120907015

6. Web Front End Season 2 (CSS): My own note blog

Web Front End Season 2 (CSS): 1:101-What is CSS+102-Download and install HBuilder+103-What are div and span tags+104-The difference between block elements and inline elements+105-CSS basic syntax _Smart_zy Blog-CSDN Blog Directory 1. Purpose 1. Think: learn front-end knowledge 2. Think: take notes, you don't need to watch the video next time, just look at the notes to quickly recall. 2. Reference 1. GitHub URL of my own code 1. SIKI Academy: I refer to this video for practice 1. w3school official website: use it as a dictionary 1. Rookie tutorial: use it as a dictionary 3. Note 4. Operation: 1: Success: 101 - What is CSS? 1. Success: Understand what CSS is 4. Operation: 2:102-Download and install HBuilder1. Download: found that the official website does not have HBuilder (already the previous version), all are HBuilderX1. Create a project. https://blog. csdn.net/qq_40544338/article/details/120968455

7. Web Front End Season 3 (JavaScript): My own note-taking blog

Web Front End Season 3 (JavaScript): 1: Chapter 1: JavaScript Basics: 101-What is the JavaScript language +102-Write the first JavaScript code +103-Three ways to write js code_Smart_zy's Blog-CSDN Blog directory 1. Purpose 1. Think: learn front-end knowledge 2. Think: take notes, next time you don't need to watch the video, just look at the notes to quickly recall. 2. Reference 1. GitHub URL of my own code 1. SIKI Academy: I refer to this video for practice 1. W3school official website: use it as a dictionary 1. Rookie tutorial: use it as a dictionary 3. Note 4. Operation: 1: Success: 101 - What is the JavaScript language 1. Introduction to JS 4. Operation: 2: Success: 102-Write the first JavaScript code 1. New project: 1. Running result: Success: Jump out of the warning window 4. Operation: 3: Success: 103- Writing j. https://blog.csdn.net/qq_40544338/article/details/121351279

3. Attention

Action: 1: Success: 101 - What is jQuery

1. Running result: success:

What is jQuery?
jQuery is an encapsulated JavaScript framework that can implement some js functions more easily.
It provides a lot of easy-to-use, powerful stuff.
Compatible with all browsers.

Action: 2: Success: 102 - jQuery download and introduction

1. Download: successful

jQuery official website

Find all jQuery versions

The download address of each version of jQuery

Save the jQuery file 

 

1. Create jQuery project: success

Save the saved jQuery file here

 1. Running result: success: import jQuery file

 

Operation: 3: Success: 103 - jQuery way to monitor the onload event of the web page

1. Running result: success: onload mode in 4

Note: Use $ must add write import jQuery code

<script type="text/javascript" src="./js/jQuery/jQuery%20Core%203.3.1-minified.js"></script>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>

		<!-- 使用jQuery必须添加此句 -->
		<!-- <script type="text/javascript" src="./js/jQuery/jquery-3.3.1.js"></script> -->
		<script type="text/javascript" src="./js/jQuery/jQuery%20Core%203.3.1-minified.js"></script>
		<script type="text/javascript">
			// onload:方式1：
			// function init() {
			// 	alert("onload");
			// }

			//onload:方式2：
			// function init() {
			// 	alert("onload");
			// }
			// window.onload=init();

			//onload:方式3：$用来指定网页加载完成后要执行的函数
			// 必须要添加jquery，因为$是jQuery函数
			// function init() {
			// 	alert("onload");
			// }
			// $(init);

			//onload:方式4：使用匿名函数
			$(function() {
				alert("onload");
			});
		</script>
	</head>
	<!-- onload:方式1： -->
	<!-- <body onload="init()"> -->
	<body>
	</body>
</html>