第二章：JQuery

最新推荐文章于 2022-09-05 07:00:00 发布

浊酒南街

最新推荐文章于 2022-09-05 07:00:00 发布

阅读量166

点赞数

分类专栏： # JavaEE详解-全程实战案例

本文链接：https://blog.csdn.net/weixin_43597208/article/details/107302216

版权

JavaEE详解-全程实战案例专栏收录该内容

24 篇文章 0 订阅

订阅专栏

1、jQuery是一个快速、简洁的JavaScript框架，一个优秀的JavaScript代码库（或JavaScript框架）;是把js的一些功能封装起来存放在库里，便使用；
基础语法： $(s e l e c t o r) . a c t i o n () • 美元符号定义 j Q u e r y • 选择符（ s e l e c t o r ） " 查询 " 和 " 查找 " H T M L 元素 • j Q u e r y 的 a c t i o n () 执行对元素的操作 2 、 j q u e r y 选择器元素选择器 :$ (“input”);
id选择器: $KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲id") 类选择器:$ (".class")
获取input框中的value用val()
3. 隐藏显示
标签的显示隐藏:
Hide()隐藏
Show()显示

4、如何使用jquery?
在head标签引入jquery:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>显示隐藏</title>
		<script type="text/javascript" src="jq.js"></script>
		<style type="text/css">
			div{
				width: 300px;
				height: 300px;
				float: left;
			}
			#d1{
			   background-color:red;
				
			}
			#d2{
				background-color:yellow;
								
			}
		</style>
		
		
	</head>
	<body>
		
		<div id="d1"></div>
		<div id="d2"></div>
		<span id="span">热死了</span>
		
		<script type="text/javascript">
			$("#d1").click(function(){
				$("#span").hide();
			})
			$("#d2").click(function(){
				$("#span").show();
			})
			
		</script>
		
	</body>
</html>

5、事件
事件:页面对不同访问者的响应;出发某个操作而执行的代码
比如鼠标事件：click;键盘事件：keydown,keyup;表单事件：focus,blur;

浊酒南街

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
第二章：JQuery

1、jQuery是一个快速、简洁的JavaScript框架，一个优秀的JavaScript代码库（或JavaScript框架）;是把js的一些功能封装起来存放在库里，便使用；2、如何使用jquery?在head标签引入jquery:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>显示隐藏</title> <script type="text/
复制链接

扫一扫

专栏目录