Web前端第四季(jQuery):一:101-什么是jQuery+102-jQuery的下载和引入+103-jQuery方式监听网页的onload事件

目录

一.目的

1.想:学习前端知识

2.想:记录笔记,下次不用看视频,直接看笔记就可以快速回忆。

二.参考

1.我自己代码的GitHub网址

2.SIKI学院:我参考此视频实操

3.w3school官网:当做字典使用

4.菜鸟教程:当做字典使用

5.Web前端第一季(HTML):我自己写的笔记博客

6.Web前端第二季(CSS):我自己写的笔记博客

7.Web前端第三季(JavaScript):我自己写的笔记博客

三.注意

操作:1:成功:101-什么是jQuery

1.运行结果:成功:

操作:2:成功:102-jQuery的下载和引入

1.下载:成功

1.创建jQuery项目:成功

 1.运行结果:成功:引入jQuery文件

操作:3:成功:103-jQuery方式监听网页的onload事件

1.运行结果:成功:4中onload方式


一.目的

1.想:学习前端知识

2.想:记录笔记,下次不用看视频,直接看笔记就可以快速回忆。

二.参考

1.我自己代码的GitHub网址

​​​​​GitHub - xzy506670541/WebTest: SIKI学院的Web前端

2.SIKI学院:我参考此视频实操

登录 - SiKi学院 - 生命不息,学习不止!siki老师的Unity3D专业视频学习平台,上千门实时更新课程,供学员在线观看,为国内开发者提供最新、最全、最快的视频学习教程http://www.sikiedu.com/my/course/212

  1. 我参考此视频实操

3.w3school官网:当做字典使用

w3school 在线教程

4.菜鸟教程:当做字典使用

菜鸟教程 - 学的不仅是技术,更是梦想!

5.Web前端第一季(HTML):我自己写的笔记博客

Web前端第一季(HTML):一:101-为什么学习Web前端知识?+102-什么是HTML?+103-安装工具和学习方法+04-创建第一个网页文件_Smart_zy的博客-CSDN博客目录一.目的1.二.参考1.SIKI学院1.Nodepad++官网1.w3school官网三.注意四.操作:成功1.HTML是什么?1.为什么学习HTML?1.本课程的适用对象?1.web前端工程师和后端的关系1.使用什么开发工具?1.学习方法?1.操作 :第一个网页:一.目的1.二.参考1.SIKI学院登录 - SiKi学院 - 生命不息,学习不止!我参考此视频实操1.Nodepad++官网https:https://blog.csdn.net/qq_40544338/article/details/120907015

6.Web前端第二季(CSS):我自己写的笔记博客

Web前端第二季(CSS):一:101-什么是CSS+102-下载安装HBuilder+103-什么是div和span标签+104-块元素和行内元素的区别+105-CSS基本语法_Smart_zy的博客-CSDN博客目录一.目的1.想:学习前端知识2.想:记录笔记,下次不用看视频,直接看笔记就可以快速回忆。二.参考1.我自己代码的GitHub网址1.SIKI学院:我参考此视频实操1.w3school官网:当做字典使用1.菜鸟教程:当做字典使用三.注意四.操作:1:成功:101-什么是CSS?1.成功:了解了什么是CSS四.操作:2:102-下载安装HBuilder1.下载:发现官网没有了HBuilder(已经是上一个版本了),全部是HBuilderX1.创建项目.https://blog.csdn.net/qq_40544338/article/details/120968455

7.Web前端第三季(JavaScript):我自己写的笔记博客

Web前端第三季(JavaScript):一:第1章:JavaScript基本知识:101-什么是JavaScript语言+102-书写第一个JavaScript代码+103-书写js代码的三种方式_Smart_zy的博客-CSDN博客目录一.目的1.想:学习前端知识2.想:记录笔记,下次不用看视频,直接看笔记就可以快速回忆。二.参考1.我自己代码的GitHub网址1.SIKI学院:我参考此视频实操1.w3school官网:当做字典使用1.菜鸟教程:当做字典使用三.注意四.操作:1:成功:101-什么是JavaScript语言1.介绍JS四.操作:2:成功:102-书写第一个JavaScript代码1.新建项目:1.运行结果:成功:跳出警告窗口四.操作:3:成功:103-书写j.https://blog.csdn.net/qq_40544338/article/details/121351279

三.注意

操作:1:成功:101-什么是jQuery

1.运行结果:成功:

什么是jQuery?
jQuery是一个封装好的JavaScript框架,可以更加简单的实现一些js的功能。
里面提供了很多简单易用,功能强大的东东。
兼容各个浏览器。

操作:2:成功:102-jQuery的下载和引入

1.下载:成功

jQuery官网

找到所有的jQuery版本

jQuery各个版本下载的地址

保存jQuery文件 

1.创建jQuery项目:成功

将保存的jQuery文件保存在此处

 1.运行结果:成功:引入jQuery文件

操作:3:成功:103-jQuery方式监听网页的onload事件

1.运行结果:成功:4中onload方式

注意:使用$必须要添加写导入jQuery代码

<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>

猜你喜欢

转载自blog.csdn.net/qq_40544338/article/details/121495131