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