一、什么是JQuery

  • JQuery是一个JavaScrip框架，简化JS开发
  • jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互
  • JavaScrip框架：本质上就是一些JS文件，封装了JS的原生代码而已

二、快速入门

在js包下导入相关JQuery文件和JQuery插件

在编写前端代码的地方获取JQuery文件和JQuery插件

三、JQuery与JS的相互转换

首先注意：JQuery对象和JS对象的方法是互不通用的！

相互转换：

  • JQuery对象 —> JS对象：JQuery对象[索引] 或 JQuery对象.get(索引)
  • JS对象 —> JQuery对象：$(JS对象)

四、JQuery的基本操作

1.事件绑定

  1. //绑定单击事件
  2. $("#id").click(function(){
  4. });

2.入口函数（相当于JS的window.onload）

window.onload和$(function(){})的区别

  1. window.onload只能定义一次，如果定义两次，则后定义的会将前面定义的给覆盖掉
  2. $(function(){})可以定义多次
  1. $(function(){
  3. });

3.样式控制：css方法

  1. $("#id").css("backgroundColor","pink");