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 的顶级对象$
- $ 是jQuery的别称,在代码中可以使用jQuery代替$ ,但一般为了方便,通常都直接使用$。
- $ 是jQuery的顶级对象,相当于原生JavaScript中的window。 把元素利用$包装成jQuery对象,就可以调用jQuery的方法。
jQuery对象和DOM对象
- 用原生JS获取来的对象就是DOM对象
var div = document.querySelector('div') //div就是一个DOM对象
- jQuery方法获取的元素就是jQuery对象
$('div') //$('div')是一个jquery对象
- 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是索引号