jQuery 快速入门

jQeury 的概念

jQuery是一个快速简洁的JavaScript库,其设计的宗旨是"write Less , Do More”, 即倡导写更少的代码，
做更多的事情。
j就是JavaScript; Query 查询;意思就是查询js ,把js中的DOM操作做了封装,我们可以快速的查询使用里
面的功能。
jQuery封装了JavaScript常用的功能代码,优化了DOM操作、事件处理、动画设计和Ajax交互。
学习jQuery本质:就是学习调用这些函数(方法)。
jQuery出现的目的是加快前端人员的开发速度,我们可以非常方便的调用和使用它,从而提高开发效率。

jQuery 的入口函数

等着DOM结构渲染完毕即可执行内部代码,不必等到所有外部资源加载完成, jQuery帮我们完成了封装。
相当于原生js中的DOMContentLoaded。
不同于原生js中的load事件是等页面文档、外部的js文件、css文件、 图片加载完毕才执行内部代码。

jQuery 的顶级对象$

1. $ 是jQuery的别称,在代码中可以使用jQuery代替$ ,但一般为了方便,通常都直接使用$。
2. $ 是jQuery的顶级对象，相当于原生JavaScript中的window。 把元素利用$包装成jQuery对象,就可以调用jQuery的方法。

jQuery对象和DOM对象

1. 用原生JS获取来的对象就是DOM对象

var div = document.querySelector('div')  //div就是一个DOM对象

2. jQuery方法获取的元素就是jQuery对象

$('div')  //$('div')是一个jquery对象

4. jQuery对象本质是:利用$对DOM对象包装后产生的对象(伪数组形式存储)。

DOM对象与jQuery对象的转换

DOM对象与jQuery对象之间是可以相互转换的。
因为原生js比jQuery更大,原生的一些属性和方法jQuery没有给我们封装要想使用这些属性和方法需要把
jQuery对象转换为DOM对象才能使用。

1.DOM对象转换为jQuery对象

$(DOM对象)

2.jQuery对象转换为DOM对象

$('div')[index]  index是索引号

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