JavaWeb - jQuery

最新推荐文章于 2023-06-01 18:34:12 发布
最新推荐文章于 2023-06-01 18:34:12 发布
阅读量332 收藏
点赞数
分类专栏： jQuery 文章标签： jquery javaWeb
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sunqianLOL/article/details/120423887
版权

jQuery

<!--
    jQuery 介绍
        什么是 jQuery？
            顾名思义，也就是 JavaScript 和查询(Query)，它就是辅助 JavaScript 开发的 js 类库。
        jQuery 核心思想!!!
            它的核心思想是 write less,do more(写的更少，做得更多)，所以它实现了很多浏览器的兼容问题。
        jQuery 流行程度
            jQuery 现在已经成为最流行的 JavaScript 库，在世界前 10000 万个访问最多的网站中，有超过
            55% 在使用 jQuery。
        jQuery 好处!!!
            jQuery 是免费、开源的，jQuery 的语法设计可以使开发更加便捷，例如操作文档对象、选择 DOM(文档对象模型) 元素、
            制作动画效果、事件处理、使用 Ajax 以及其他功能
-->

<!--
    常见问题?
        1.使用 jQuery 一定要引入 jQuery 库吗？
            答案: 是，必须
        2.jQuery 中的 $ 到底是什么?
            答案: 它是一个函数
        3.怎么为按钮添加点击响应函数的?
            答案:
                1.使用 jQuery 查询到标签对象
                2.使用标签对象.dick(function(){});
-->

01.HelloWorld.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>

	<!--引入 jquery-1.7.2.js 类库-->
	<script type="text/javascript" src="../script/jquery-1.7.2.js"></script>
	<script type="text/javascript">

		// window.onload = function (){
     
		// 	var btnObj = document.getElementById("btnId");
		// 	alert(btnObj);//[object HTMLButtonElement] -->> dom对象(描述记录标签信息的对象)
		// 	btnObj.onclick = function (){
     
		// 		alert("js 原生的单击事件");
		// 	}
		// }

		// alert($);// 显示有值表示引入成功，没有表示引入失败

		//使用$()代替window.onload
		$(function(){
      // 表示页面加载完成之后，相当 window.onload = function(){} : ( load事件 )

			//显示有值表示确实是在页面加载完成之后再执行的
			// var btnObj = document.getElementById("btnId");
			// alert(btnObj);//[object HTMLButtonElement]

			// var $btnObj = $("#btnId");// 表示按 id 查询标签对象
			// $btnObj.click(function (){ //绑定单击事件
			// 	alert("jQuery 的单击事件");
			// });

			//使用选择器获取按钮对象，随后绑定单击响应函数
			$("#btnId").click(function(){
     
				//弹出Hello
				alert('Hello');
			});
		});

</script>


</head>
<body>

	<button id="btnId">SayHello</button>

</body>
</html>

03.核心函数.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="../script/jquery-1.7.2.js"></script>
<script type="text/javascript">

/*
    $ 是 jQuery 的核心函数，能完成 jQuery 的很多功能。$() 就是调用 $ 这个函数

    1.传入参数为 [函数] 时:
        表示页面加载完成之后。相当于 window.onload = function(){}

    2.传入参数为 [HTML 字符串] 时:
        会对我们创建这个 html 标签对象

    3.传入参数为 [选择器字符串] 时:
        $("#id属性值");      id选择器，根据 id 查询标签对象
        $("标签名");         标签名选择器，根据指定的标签名查询标签对象
        $(".class属性值");   类型选择器，可以根据 class 属性查询标签对象

    4.传入参数 [DOM对象] 时:
        会把这个 dom 对象转换为 jQuery 对象
*/

	//核心函数的4个作用
        // 1.传入参数为 [函数] 时:
        $(function (){
     
            // alert("页面加载完成之后，自动调用");//页面加载完成之后，自动调用
            /*  复制:
                    <div>
                        <span>div-span1</span>
                        <span>div-span2</span>
                    </div>
                粘贴进:
                    $("");
                中
                则显示:
                $("<div>\n" +
                    "        <span>div-span1</span>\n" +
                    "        <span>div-span2</span>\n" +
                    "    </div>").appendTo("body");
            */

            // 2.传入参数为 [HTML 字符串] 时:
            $("<div>" +
                "        <span>div-span1</span>" +
                "        <span>div-span2</span>" +
                "    </div>").appendTo("body");
            //显示结果
            // div-span1 div-span2
            // div-span1 div-span2

            // 3.传入参数为 [选择器字符串] 时:
            //     $("#id属性值");      id选择器，根据 id 查询标签对象
            //     $("标签名");         标签名选择器，根据指定的标签名查询标签对象
            //     $(".class属性值");   类型选择器，可以根据 class 属性查询标签对象
            // alert($("button").length);//3

            // 4.传入参数 [DOM对象] 时:
            //     会把这个 dom 对象转换为 jQuery 对象
            var btnObj = document.getElementById("btn01");
            // alert(btnObj);//[object HTMLButtonElement]
            alert( $(btnObj) );//[object Object]  转换为 jQuery 对象
        });

	//传入参数为[函数]时：在文档加载完成后执行这个函数
	//传入参数为[HTML字符串]时：根据这个字符串创建元素节点对象
	//传入参数为[选择器字符串]时：根据这个字符串查找元素节点对象
	//传入参数为[DOM对象]时：将DOM对象包装为jQuery对象返回

</script>
</head>
<body>
    <div>
<!--        <span>div-span1</span>-->
<!--        <span>div-span2</span>-->
        <button id="btn01">按钮1</button>
        <button>按钮2</button>
        <button>按钮3</button>
    </div>
</body>
</html>

04.DOM对象和jQuery对象.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="../script/jquery-1.7.2.js"></script>
<script type="text/javascript">

/*
	jQuery 对象和 dom 对象区分
	什么是 jQuery 对象，什么是 dom 对象

	Dom 对象
		1.通过 getElementById() 查询出来的标签对象是 Dom 对象
		2.通过 getElementsByName() 查询出来的标签对象是 Dom 对象
		3.通过 getElementsByTagName() 查询出来的标签对象是 Dom 对象
		4.通过 createElement() 方法创建的对象，是 Dom 对象
	DOM 对象 Alert 出来的效果是:[object HTMLButtonElement]

	jQuery 对象
		5.通过 JQuery 提供的 API 创建的对象，是 JQuery 对象
		6.通过 JQuery 包装的 Dom 对象，也是 JQuery 对象
		7.通过 JQuery 提供的 API 查询到的对象，是 JQuery 对象
	jQuery 对象 Alert 出来的效果是: [object Object]

	jQuery 对象的本质是什么？
        jQuery 对象是 dom 对象的数组 + jQuery 提供的一系列功能函数

    jQuery 对象和 Dom 对象使用区别
    	jQuery 对象不能使用 DOM 对象的属性和方法
    	DOM 对象也不能使用 jQuery 对象的属性和方法

    Dom 对象和 jQuery 对象互转
    	1.dom 对象转化为 jQuery 对象() (*重点)
			1.先有 DOM 对象
			2.$(DOM 对象) 就可以转换成为 jQuery 对象
    	2.jQuery 对象转为 dom 对象 (*重点)
    		1.先有 jQuery 对象
    		2.jQuery 对象[下标]取出相应的 DOM 对象

    		JQuery 对象和 Dom 对象相互转换
    				dom对象转换成为 JQuery 对象，var$obj=$(dom对象);
    				------------------------------------------>
    	dom 对象													  	JQuery 对象
    				<------------------------------------------
    				JQuery 对象转换成为 dom 对象，var dom=$obj[下标]
*/
	$(function(){
     
		//testDiv.css("color","red")
		//testDiv.style.color = "blue";

		// var arr = [12,"abc",true];
		// var $btns = $("button");
		// for(var i = 0; i < $btns.length; i++){
     
		// 	alert($btns[i]);
		// }
		// [object HTMLButtonElement] 显示四次

		// dom 对象的属性和方法 jQuery 方法是用不了的
		// document.getElementById("#testDiv").innerHTML = "这是 dom 对象的属性 InnerHTML";
		// $("#testDiv").innerHTML = "这是 dom 对象的属性 InnerHTML";
		//
		// document.getElementById("#testDiv").click(function (){
     
		// 	alert("click()是 dom 对象的方法");
		// });

		// dom 对象
		alert(document.getElementById("testDiv"));//[object HTMLDivElement]
		// 转换为 JQuery 对象
		alert( $(document.getElementById("testDiv")));//[object Object]
		// 再转换为 dom 对象
		alert( $(document.getElementById("testDiv"))[0]);//[object HTMLDivElement]

		$("#testDiv").click(function (){
     
			alert("click()是 jQuery 对象的方法");//click()是 jQuery 对象的方法
		});
	});

</script>
</head>
<body>
	
	<div id="testDiv">Atguigu is Very Good!</div>
	
	<button id="dom2dom">使用DOM对象调用DOM方法</button>
	<button id="dom2jQuery">使用DOM对象调用jQuery方法</button>
	<button id="jQuery2jQuery">使用jQuery对象调用jQuery方法</button>
	<button id="jQuery2dom">使用jQuery对象调用DOM方法</button>

</body>
</html>

01.基本选择器__.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>Untitled Document</title>
		<style type="text/css">
			div, span, p {
     
			    width: 140px;
			    height: 140px;
				/* 设置 外边距 为5像素 */
			    margin: 5px;
			    background: #aaa;
				/* 黑色边框，粗1像素，实现 */
			    border: #000 1px solid;
				/* 把列表项向左浮动 */
			    float: left;
				/* 设置字体大小为 17像素 */
			    font-size: 17px;
				/* 设置字体类型为: Verdana */
			    font-family: Verdana;
			}
			
			div.mini {
     
			    width: 55px;
			    height: 55px;
			    background-color: #aaa;
			    font-size: 12px;
			}
			
			div.hide {
      /* hide是class值 */
				/* 不显示在页面上 */
			    display: none;
			}
		</style>
		<!-- 引入:jquery-1.7.2.js -->
		<script type="text/javascript" src="../script/jquery-1.7.2.js"></script>
		<script type="text/javascript">

			$(function (){
     
				//1.选择 id 为 one 的元素 "background-color","#bbffaa"
				// $("#btn1").click(function (){
     
				// 	alert("单击事件");//单击事件
				// });
				$("#btn1").click(function (){
     
					// css()方法，可以设置和获取样式
					$("#one").css("background-color","#bbffaa");
				});

				//2.选择 class 为 mini 的所有元素
				$("#btn2").click(function (){
     
					/* 按类型查 类型选择器 .类名 */
					$(".mini").css("background-color","#bbffaa");
				});

				//3.选择 元素名是 div 的所有元素
				$("#btn3").click(function (){
     
					$("div").css("background-color","#bbffaa");
				});

				//4.选择所有的元素
				$("#btn4").click(function (){
     
					/* "*"表示所有 */
					$("*").css("background-color","#bbffaa");
				});

				//5.选择所有的 span 元素和 id 为 two 的元素
				$("#btn5").click(function (){
     
					$("span,#two").css("background-color","#bbffaa");
				});
			});

		</script>
	</head>
	<body>
<!-- 	<div>
		<h1>基本选择器</h1>
	</div>	 -->	
		<input type="button" value="选择 id 为 one 的元素" id="btn1" />
		<input type="button" value="选择 class 为 mini 的所有元素" id="btn2" />
		<input type="button" value="选择 元素名是 div 的所有元素" id="btn3" />
		<input type="button" value="选择 所有的元素" id="btn4" />
		<input type="button" value="选择 所有的 span 元素和id为two的元素" id="btn5" />
		
		<br>
		<div class="one" id="one">
			id 为 one,class 为 one 的div
			<div class="mini">class为mini</div>
		</div>
		<div class="one" id="two" title="test">
			id为two,class为one,title为test的div
			<div class="mini" title="other">class为mini,title为other</div>
			<div class="mini" title="test">class为mini,title为test</div>
		</div>
		<div class="one">
			<div class="mini">class为mini</div>
			<div class="mini">class为mini</div>
			<div class="mini">class为mini</div>
			<div class="mini"></div>
		</div>
		<div class="one">
			<div class="mini">class为mini</div>
			<div class="mini">class为mini</div>
			<div class="mini">class为mini</div>
			<div class="mini" title="tesst">class为mini,title为test</div>
		</div>
		<!-- style="display:none;": 不显示在页面上 -->
		<div style="display:none;" class="none">style的display为"none"的div</div>
		<!-- class="hide"：为隐藏设置的 class 属性 -->
		<div class="hide">class为"hide"的div</div>
		<div>
			包含input的type为"hidden"的div<input type="hidden" size="8">
		</div>
		<span class="one" id="span">^^span元素^^</span>
	</body>
</html>

02.层次选择器__.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>Untitled Document</title>
		<style type="text/css">
			div, span, p {
     
			    width: 140px;
			    height: 140px;
			    margin: 5px;
			    background: #aaa;
			    border: #000 1px solid;
			    float: left;
			    font-size: 17px;
			    font-family: Verdana;
			}
			
			div.mini {
     
			    width: 55px;
			    height: 55px;
			    background-color: #aaa;
			    font-size: 12px;
			}
			
			div.hide {
     
			    display: none;
			}			
		</style>
		<script type="text/javascript" src="../script/jquery-1.7.2.js"></script>
		<script type="text/javascript">
			$(document).ready(function(){
     
				//1.选择 body 内的所有 div 元素
				//全写
				$("#btn1").click(function(){
     
					$("body div").css("background", "#bbffaa");
				});
				//简写
				// $(function (){
     
				// });

				//2.在 body 内, 选择div子元素  
				$("#btn2").click(function(){
     
					$("body > div").css("background", "#bbffaa");
				});

				//3.选择 id 为 one 的下一个 div 元素 
				$("#btn3").click(function(){
     
					$("#one+div").css("background", "#bbffaa");
				});

				//4.选择 id 为 two 的元素后面的所有 div 兄弟元素
				$("#btn4").click(function(){
     
					$("#two~div").css("background", "#bbffaa");
				});
			});
		</script>
	</head>
	<body>	
	
<!-- 	<div>
		<h1>层级选择器:根据元素的层级关系选择元素</h1>
		ancestor descendant  ：
		parent > child 		   ：
		prev + next 		   ：
		prev ~ siblings 	   ：
	</div>	 -->
		<input type="button" value="选择 body 内的所有 div 元素" id="btn1" />
		<input type="button" value="在 body 内, 选择div子元素" id="btn2" />
		<input type="button" value="选择 id 为 one 的下一个 div 元素" id="btn3" />
		<input type="button" value="选择 id 为 two 的元素后面的所有 div 兄弟元素" id="btn4" />
		<br><br>
		<div class="one" id="one">
			id 为 one,class 为 one 的div
			<div class="mini">class为mini</div>
		</div>
		<div class="one" id="two" title="test">
			id为two,class为one,title为test的div
			<div class="mini" title="other">class为mini,title为other</div>
			<div class="mini" title="test">class为mini,title为test</div>
		</div>
		<div class="one">
			<div class="mini">class为mini</div>
			<div class="mini">class为mini</div>
			<div class="mini">class为mini</div>
			<div class="mini"></div>
		</div>
		<div class="one">
			<div class="mini">class为mini</div>
			<div class="mini">class为mini</div>
			<div class="mini">class为mini</div>
			<div class="mini" title="tesst">class为mini,title为tesst</div>
		</div>
		<div style="display:none;" class="none">style的display为"none"的div</div>
		<div class="hide">class为"hide"的div</div>
		<div>
			包含input的type为"hidden"的div<input type="hidden" size="8">
		</div>
		<span id="span">^^span元素^^</span>
	</body>
</html>

03.基本的过滤选择器__.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>Untitled Document</title>
		<style type="text/css">
			div, span, p {
     
			    width: 140px;
			    height: 140px;
			    margin: 5px;
			    background: #aaa;
			    border: #000 1px solid;
			    float: left;
			    font-size: 17px;
			    font-family: Verdana;
			}
			
			div.mini {
     
			    width: 55px;
			    height: 55px;
			    background-color: #aaa;
			    font-size: 12px;
			}
			
			div.hide {
     
			    display: none;
			}			
		</style>
		<script type="text/javascript" src="../script/jquery-1.7.2.js"></script>
		<script type="text/javascript">
			/*
				:first()
					获取第一个元素: 获取匹配的第一个元素
					注意：查询的结果哪怕只查到一个，它也会分装到几个对象中
				:last()
					获取最后个元素: 获取匹配的最后个元素
				:not(selector)
					去除所有与给定选择器匹配的元素
					在 jQuery 1.3 中，已经支持复杂选择器了(例如:not(div a) 和 :not(div,a)
					selector: 用于筛选的选择器
				:even
					匹配所有索引值为偶数的元素，从 0 开始计数
					查找表格的1、3、5...行(即索引值0、2、4...)
				:odd
					匹配所有索引值为奇数的元素，从 0 开始计数
					查找表格的 2、4、6行(即索引值1、3、5...)
				:eq(index)
					匹配一个给定索引值的元素
					index: 从 0 开始计数
				:gt(index)
					匹配所有大于给定索引值的元素
					index: 从 0 开始计数
					查找第二第三行，即索引值是 1 和 2，也就是比 0 大
				:it(index)
					匹配所有小于给定索引值的元素
					index: 从 0 开始计数
					查找第一第二行，即索引值是 0 和 1，也就是比 2 小
				:header
					匹配如 h1，h2，h3 之类的标题元素
				:animated
					匹配所有正在执行动画效果的元素
			*/




			$(document).ready(function(){
     
				function anmateIt(){
     
					$("#mover").slideToggle("slow", anmateIt);
				}
				anmateIt();
			});
			
			$(document).ready(function(){
     
				//1.选择第一个 div 元素  
				$("#btn1").click(function(){
     
					$("div:first").css("background", "#bbffaa");
				});

				//2.选择最后一个 div 元素
				$("#btn2").click(function(){
     
					$("div:last").css("background", "#bbffaa");
				});

				//3.选择class不为 one 的所有 div 元素
				$("#btn3").click(function(){
     
					$("div:not(.one)").css("background", "#bbffaa");
				});

				//4.选择索引值为偶数的 div 元素
				$("#btn4").click(function(){
     
					$("div:even").css("background", "#bbffaa");
				});

				//5.选择索引值为奇数的 div 元素
				$("#btn5").click(function(){
     
					$("div:odd").css("background", "#bbffaa");
				});

				//6.选择索引值为大于 3 的 div 元素
				$("#btn6").click(function(){
     
					$("div:gt(3)").css("background", "#bbffaa");
				});

				<
最低0.47元/天 解锁文章
sunqianLOL
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaWeb__JQuery
wanananhh的博客
09-01 236
Jquery
如何在javaweb项目中引入jquery库函数，以及如何使用
么西的IT世界你不懂
10-15 7437
把jquery.js放在了web/js文件夹里面比如你在跟web下面的test.jsp里面要引入jquery，那只需要在 test.jsp中添加   （一般在head和之间加入）如果你同时还引入了
java web项目中引入jquery easyui
java web开发
12-22 1万+
java web项目中引入jquery easyui
java jquery 框架_Java项目在jsp页面中引入jquery框架的步骤
weixin_28934081的博客
02-13 382
环境：在Java web项目中引入juqery框架工具：MyEclipse8.5[步骤如下]A：新建一个Java web项目TestJquery，在WebRoot目录下创建一个jquery文件夹B：下载jquery-1.8.3.min.js放入jquery文件夹中C：创建jsp页面String basePath= request.getScheme()+"://"+request.getServ...
03.JavaWeb-JQuery框架
LB_bei的博客
06-01 576
JQuery 是一个快速、简洁且功能丰富的 JavaScript 库，旨在简化 JavaScript 编程。它提供了一系列易于使用的功能和方法，用于处理 HTML 文档遍历、事件处理、动画效果、异步请求等常见的 Web 开发任务。
JavaWeb---JQuery
weixin_65440201的博客
08-15 589
1.JQuery 基础 1.1概念 1.2快速入门 1.2.1步骤 1.3JQuery对象和JS对象区别与转换 1.4选择器：筛选具有相似特征的元素(标签) 1.4.1基本操作学习 1.4.2分类 1.5DOM操作 1.5.1内容操作 1.5.2属性操作 1.5.3CRUD操作 1.6案例 1.6.1隔行换色 1.6.2全选和全不选 1.6.3QQ表情选择 1.6.4多选下拉列表左右移动 2.JQuery 高级 2.1动画 2.1.1三种方式显示和隐藏元素 2.2
04-javaWeb-jQuery.7z
07-02
jQuery jquery中效果 案例1-弹出广告 选择器总结 案例2-隔行换色 属性和css操作总结 对属性的操作 对css操作 案例3-全选或者全不选 jQuery数据遍历、val设置、标签设置、元素创建  案例4-省市联动 选择...
02-javaweb-08-JQuery.doc
10-14
02-javaweb-08-JQuery.doc
javaweb-QQZONE-JavaWeb.zip
10-24
- 前端开发可能包括HTML、CSS和JavaScript，配合库如jQuery和框架如Vue.js或React.js，实现动态交互和美观的用户界面。在QQZONE项目中，前端技术可能用于构建用户友好的社交功能。 9. **AJAX（Asynchronous ...
JavaWeb-easyUI-main-page
03-26
在JavaWeb开发中，EasyUI是一个非常流行的前端框架，它基于jQuery，提供了丰富的组件和精美的界面设计，使得开发者能够快速构建出响应式且用户体验良好的Web应用。标题"JavaWeb-easyUI-main-page"暗示了我们正在讨论...
javaweb-社区团购系统.zip
03-21
【标题】"javaweb-社区团购系统.zip" 暗示了这是一个基于JavaWeb技术构建的社区团购系统的源代码包。在JavaWeb开发中，我们通常会涉及到一系列的技术栈和概念，包括但不限于Servlet、JSP、JavaBean、MVC模式、数据库...
javaWeb之JQuery的使用
热门推荐
anchorite
09-04 2万+
1.下载并导入JQuery 点击此处下载 导入: &amp;amp;amp;lt;script type=&amp;amp;quot;text/javascript&amp;amp;quot; src=&amp;amp;quot;../js/jquery-1.11.3.min.js&amp;amp;quot; &amp;amp;amp;gt;&amp;amp;amp;lt;/script&amp;amp;amp;gt; 2.JQ
javaweb+jQuery ajax实例
rammus7的博客
11-01 5620
jQuery的Ajax语法(附实例代码)什么是ajaxAJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。 AJAX = 异步 JavaScript和XML（标准通用标记语言的子集）。 AJAX 是一种用于创建快速动态网页的技术。 AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分
html css js网页设计
07-12
HTML、CSS和JavaScript是构建网页和网站的基本技术，它们共同工作来创建和设计用户界面。下面是关于这三种技术的详细介绍： ### HTML (HyperText Markup Language) - **定义**：HTML是构建网页内容的标准标记语言。 - **作用**：用于创建网页的结构和内容，如段落、链接、图片、表格等。 - **语法**：使用标签（如 `<p>`, `<div>`, `<a>`, `<img>` 等）来定义网页元素。 ### CSS (Cascading Style Sheets) - **定义**：CSS是一种样式表语言，用于描述HTML文档的呈现方式。 - **作用**：用于设置网页的布局、颜色、字体和其他视觉元素。 - **语法**：通过选择器（如 `p`, `.myclass`, `#myid` 等）应用样式规则。 ### JavaScript - **定义**：JavaScript是一种脚本语言，通常用于网页上实现交互功能。 - **作用**：允许网页与用户进行交互，如响应用户操作、动态更新内容、动画效果等。 - **语法**：Java
2023年数字乡村建设解决方案PPT(34页).pptx
最新发布
07-12
数字乡村建设解决方案旨在通过数字化转型促进乡村振兴和农业农村现代化。该方案强调了数字乡村建设的战略机遇，以"1+3+5"工程为总体框架，即一个大数据中心、三大服务平台和五类主题应用。方案着重于乡村治理、产业发展和公共服务三大问题，通过完善治理体系、升级治理能力、强化产业链条和改善资源配置来推动乡村全面振兴。 方案中提出的数字乡村大数据中心是信息资源的集散地，依托大数据、AI、物联网等新技术，实现数据驱动的决策支持。三大服务平台包括产业服务、民生服务和治理服务，旨在提升农业生产智能化、经营网络化，同时优化乡村治理结构和提升服务效能。五类主题应用覆盖生产管理、流通营销、行业监管、公共服务和乡村治理，通过具体业务应用体系，实现农业全产业链的数字化管理和服务。 预期建设效益包括通过信息技术促进乡村优势产业发展，形成城郊融合型数字乡村治理新模式，以及创新服务方式，提升服务能力，保障农民权益。整体而言，该方案以数字化为手段，推动乡村经济、治理、文化等多方面的全面升级和发展。
脉冲强光技术在灭菌烧结固化应用解决方案
07-12
脉冲强光技术在灭菌烧结固化应用解决方案，已经得到厂家授权，可以对外公示。
2024年欧洲辣椒素市场主要企业市场占有率及排名.docx
07-12
2024年欧洲辣椒素市场主要企业市场占有率及排名.docx
idea javaweb项目导入jquery
08-12
对于IDEA导入JavaWeb项目，并使用jQuery，可以按照以下步骤进行操作： 1. 首先，在IDEA中创建一个JavaWeb项目。可以通过File -> New -> Project -> Java (勾选Web Application)来创建。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [IDEA搭建JavaWeb项目，JDBC和Servlet-JSP技术实现注册功能](https://blog.csdn.net/l_zl2021/article/details/126503684)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"] - *2* *3* [解决IDEA导入javaWeb项目注解爆红的问题](https://blog.csdn.net/weixin_28908857/article/details/112824303)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值