背景：

我们先看看 jQuery这个词? 后面有一个 Query ，英文的意思是“查询” ，? jQuery就是用JavaScript更加方便的查询和控制页面控件

?

对比：?

jQuery就是对JavaScript的一个扩展，封装，让JavaScript更好用。

JavaScript： document.getElementById("div");

jQuery:$("div");

概述：

1. ? ? ? ? ? ?jQuery是JavaScript库，是一个封装好的特定的集合（方法和函数）
2. ? ? ? ? ? ?是一个快速、简介的JavaScript框架?
3. ? ? ? ? ? ?设计的宗旨是“write Less ， Do More ”?

?

优点：

1. ? ? ? ? ? ? jQuery是一套JavaScript脚本，它提供了强大的功能函数，解决了浏览器兼容性的问题（最nb之处）
2. ? ? ? ? ? ? 轻量级?
3. ? ? ? ? ? ? 强大的选择器? （允许开发者使用从CSS1~CSS3几乎所有的选择器）
4. ? ? ? ? ? ? 出色的DOM操作的封装
5. ? ? ? ? ? ? 隐式迭代（当用jQuery找到某个类的全部元素，然后对其操作，无需循环每一个元素）
6. ? ? ? ? ? ? 链式操作方式（jQuery中最有特色的是他的链式操作------即对发生在同一个jQuery对象上的一组动作，可以直接接连写无需重复获取对象）

?

主要作用：?

为了快速方便的操作DOM，里面基本都是函数（方法）

? ? ? ? 访问和操作DOM元素? ：使用jQuery可以方便地获取和修改页面中的指定元素

? ? ? ? 控制页面样式： 单纯的使用CSS虽然已经很强大，但是当所有浏览器不完全支持相同的标准的时候，使用jQuery可以更加便捷的控制页面的CSS文件

? ? ? ? 为页面添加动态效果： 为了实现某种交互行为，提供视觉上的反馈， jQuery中有 淡入，擦除之类的效果

? ? ? ?与AJAX技术完美结合

Jquery的基本使用：?

• ? ? ? ? ? ?入口函数：

原生JS的入口函数：

原生的js入口函数，必须要等到所有内容全部加载完毕 才执行
不仅要等文本加载完毕，而且要等图片加载完毕，才执行函数

//原生的js入口函数，必须要等到所有内容全部加载完毕 才执行
//不仅要等文本加载完毕，而且要等图片加载完毕，才执行函数

<script type="text/javascript">
    window.onload=function(){
     alert("hello");   
}
</script>

jQuery的入口函数（三种写法）：

?

//写法一：

<script>
    $(document).ready(function(){
    alert("hello");
})
</script>

//写法二：

<script>
    $(function(){
    alert("hello");
})
</script>

//写法三：
<script>
    $(window).ready(function(){
    alert("hello");
})
</script>

jQuery入口函数和js入口函数的区别：

1. ? ? ? ? ? js的入口函数只能出现一次，出现多次存在事件覆盖问题
2. ? ? ? ? ? jQuery的入口函数可以出现多次，不存在覆盖的问题

?

1. ? ? ? ? ? JS的入口函数是在所有的文件资源加载完成之后，才执行?
2. ? ? ? ? ?jQuery的入口函数是在文档加载完成会后即可执行，文档指的是DOM树，不需要等到所有的外部资源加载成功。

?

jQuery 对象 和 DOM 对象的转换

?原生DOM对象：?

var myDiv=document.querySelect("div");

为什么要进行互相转换？

? ? ? ?因为原生js比jquery更大，原生的一些属性和方法jquery没有封装，如果想要使用这些方法就必须要把jQuery对象转换为DOM对象才能使用。

? ? ? 1.DOM对象转换为jQuery对象：? $(DOM对象)?

? ? ? 语法：$('div')；

? ? ? 2.jQuery对象转换为DOM对象（两种方式）

? ? ? 语法： $('div')[index]? ? ? ? ? ? ? ? index 为索引号

? ? ? ? ? ? ? ? ?$('div').get(index)? ? ? ? ? ?index 是索引号

?

cs