jquery入门（入门准备！）

最新推荐文章于 2024-04-12 06:58:06 发布

董世森学习

最新推荐文章于 2024-04-12 06:58:06 发布

阅读量281

点赞数 1

分类专栏： jquery

本文链接：https://blog.csdn.net/weixin_43319279/article/details/102363500

版权

jquery 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

1：下载 jquery-3.3.1.min.js包，配置jQuery的环境,下载地址https://jquery.com
2：新建文件夹（站点）如jQuery
在这里插入图片描述

3：新建day01.html,加入如下的代码

<!DOCTYPE html>
<html>
<head>
	<title>day01</title>
	<script src="jquery-3.3.1.min.js">
	 
	</script>
	<!--引入下载好的包-->
</head>
<body>
</body>
</html>

4：查看是否成功了
在这里插入图片描述
4：及成功了

5：html代码是从上到下的执行的，引入 <script src="jquery-3.3.1.min.js"></script> 尽量写在前面，以便于后面代码的书写。注意代码不要写在

<script src="jquery-3.3.1.min.js"></script>

里面，否则是无效的。

6 ：三种弹窗方式

<!DOCTYPE html>
<html>
<head>
	<title>day01</title>
	<script>
		$(document).ready(
			function(){
				//第一种
				// alert("hello world");


				//二种 
				// if(confirm("你好！")){
				// 		alert("yes");
    // 			}else{
 			// 			alert("no");
		  //   	}
			


				// 三种
				var c //声明变量，可以一开始就对它进行赋值 ；
				var b = 123;//全局变量
				var d = '123';
			 	// var a=prompt("请输入密码：");
			 	// alert(a);
				
			 	function c(){
 					b=1234;//局部变量	
			 	};

			 	c();//函数调用
			 	alert(b); //结果为1234；

				// if(b===d){
				// 	alert("相等");
				// 	//注意这里要使用全等，===
				// }else{
			 //        alert("不相等");
				// }


	});
</head>
<body>
</body>
</html>

董世森学习

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
jquery入门（入门准备！）

1：下载 jquery-3.3.1.min.js包，配置jQuery的环境2：新建文件夹（站点）如jQuery3：新建day01.html,加入如下的代码<!DOCTYPE html><html><head> <title>day01</title> <script src="jquery-3.3.1.min.js...
复制链接

扫一扫