九、jQuery 函数库

9.1 jQuery简介

jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。

jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。

它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。

jQuery的核心特性可以总结为：

• 具有独特的链式语法和短小清晰的多功能接口；

• 具有高效灵活的css选择器，并且可对CSS选择器进行扩展；

• 拥有便捷的插件扩展机制和丰富的插件。

jQuery兼容各种主流浏览器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

jQuery项目始于2005年，现在已发展成为我们今天所知道的项目集合。

jQuery是一个JavaScript 库，致力于简化DOM操作，AJAX调用和事件处理。JavaScript开发人员经常使用它。

9.2 jQuery源码文件

教程手册

字节跳动静态资源公共库

BootCDN中文开源项目

9.3 jQuery引包

jquery是javascript的一个库，如果想要使用jquery，必须先引入jquery。

引入jquery的script标签，不能和书写jquery语句的script标签是同一个。

<!-- 引入jquery包 -->
<script src="js/jquery-3.4.1.min.js"></script>

<script>
    // 书写所有jquery语句
</script>

9.4 jquery体验

9.4.1 简化了元素的选择，直接使用CSS选择器

// 使用js获取元素
var a1 = document.getElementById("box").getElementsByTagName("a")[0];
// 改变颜色
a1.style.color = "red";

// 使用jquery选择元素
$("#box ul li.teshu a").css("color","green");

// 选中所有的p，json{"left" : 500} left值改为500，动画未完成时间为2s
$("p").animate({"left" : 500}, 2000);

9.4.2 jquery所有的操作都是批量的，不需要再使用for循环

jquery所有的操作都是批量的，不需要再使用for循环。

不管是添加事件还是改变样式，都是批量的。

// 将所有的p背景颜色改变
$("p").css("backgroundColor","blue");

9.4.3 jquery简化了DOM操作，如添加、删除、修改节点

9.4.4 jquery都是兼容的，不需要再进行能力检测了

总结：

jquery是JavaScript的一个库，它不是一门新的语言，里面的所有语句都是使用js书写的。