什么是前端框架?
在学习jQuery之前 我们先了解什么是前端框架?用于简化网页设计的框架 比如:bootstrap,angular.js,vue 还有jQuery等等
什么是jQuery?
jQuery是一个快速,小型且功能丰富的JavaScript库。借助易于使用的API(可在多种浏览器中使用),使HTML文档的遍历和操作,事件处理,动画和Ajax等事情变得更加简单。兼具多功能性和可扩展性,jQuery改变了数百万人编写JavaScript的方式。
用一句话来说:JQuery就是一个JavaScript框架(库),把我们常用的一些功能进行了封装,方便我们来使用,提高我们的开发效率。
jQuery的安装
1.获取jQuery库,进入官网 https://jquery.com/
2.引入Jquery库:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<script src="jquery-1.10.2.min.js"></script>
<body>
</body>
</html>
jQuery的语法
基础语法是:$(selector).action()。
- 美元符号定义 jQuery 选择符(selector)“查询”和“查找”
- HTML 元素 jQuery 的 action()
- 执行对元素的操作
示例
- $(this).hide() - 隐藏当前元素
- $(“p”).hide() - 隐藏所有段落
- $(".test").hide() - 隐藏所有 class=“test” 的所有元素
- $("#test").hide() - 隐藏所有 id=“test” 的元素
JQuery的特点
- 具有独特的链式语法和短小清晰的多功能接口;
- 具有高效灵活的css选择器,并且可对CSS选择器进行扩展;
- 拥有便捷的插件扩展机制和丰富的插件。
- jQuery兼容各种主流浏览器,
- 出色的DOM操作封装
- 丰富的插件
…