前端技术_jQuery（第一章）

最新推荐文章于 2022-03-14 15:29:00 发布

浅水壁虎

最新推荐文章于 2022-03-14 15:29:00 发布

阅读量245

点赞数

文章标签： jQuery

本文链接：https://blog.csdn.net/huyiju/article/details/84633946

版权

1：什么是jQuery

2：jQuery特点和功能概述

3：jQuery 使用

1：什么是jQuery

jQuery是一个JavaScript的框架或者说是JavaScript的代码库，jQuery的宗旨就是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。同时有JavaScript在不同的浏览器中存在大量兼容性问题，jQuery兼容大部分浏览器。

2：jQuery特点和功能概述

目前网络上有大量开源的 JS 框架, 但是 jQuery 是目前最流行的 JS 框架，而且提供了大量的扩展。

jQuery 的功能概括

1、jQuery事件：事件是对访问者操作的响应，事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。

2、jQuery HTML：html 的元素选取、html的元素操作、html dom遍历和修改、

3、jQuery效果：js特效、动画效果、淡入淡出等

4、jQuery ajax：ajax异步请求方式

3：jQuery 使用

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<!--此处有两个版本  开发版和生产版  大小不一样  不同版本影响浏览器加载速度  -->
<!--次外也可以不下载，直接用网络cdn连接 ，这里是百度cdn连接
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"> 
-->
	<script src="./js/jquery-3.3.1.js" type="text/javascript"></script>
	<script type="text/javascript">
	$(document).ready(function() {
		$("button").click(function() {
			alert("312");
			$("p").hide();
		});
	});

	</script>
</head>
<body>
<h2>这是一个标题2</h2>
<p>这是一个段落1</p>
<p>这是一个段落2</p>
<button type="button">点我</button>
</body>
</html>

浅水壁虎

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
前端技术_jQuery（第一章）

目录1：什么是jQuery2：jQuery特点和功能概述3：jQuery 使用1：什么是jQueryjQuery是一个JavaScript的框架或者说是JavaScript的代码库，jQuery的宗旨就是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文...
复制链接

扫一扫