jquery的简单描述
jQuery是js的一个库,封装了我们开发过程中常用的一些功能,方便我们来调用,提高了我们的开发效率。
学习jquery主要是学习什么
主要学习如何来使用jQuery操作DOM,其实就是学习jQuery封装好的那些功能方法,
这些方法叫做API(Application Programming Interface应用程序编程接口)。
这些API的共同特点是:几乎全都是方法。所以,在使用jQuery的API时,都是方法调用,
也就是说要加小括号(),小括号里面是相应的参数,参数不同,功能不同。
如何使用jquery
1.引用jQuery文件
2.入口函数
3.功能实现代码(事件处理)
jquery版本
1.x版本兼容IE678,但相对于其他版本来说文件较大,官方是做BUG维护,功能不再更新。
2.x不兼容IE678
3.X不兼容IE678
同版本下两个文件的区别(压缩版和为压缩版)
min:压缩版,压缩过后,体积会更小
压缩指的是:把注释、空格、换行全部去掉,把变量名称尽可能的换成更加简短的字符。
压缩的主要目的:就是让文件变的更小。
两个文件的选择建议:
平时开发过程中,这两个文件使用哪个都可以;但是,项目上线的时候,推荐使用压缩版。
jquery的入口函数(有很多种,这里只写常用的)
$(function(){
// 功能代码
});
jquery的入口函数和JS原生入口函数的区别
1.书写个数不同
JS原生入口函数只能写一次,出现多次后面编写的会覆盖前面编写的。
jquery入口函数可以编写多个,不会出现覆盖问题。
2.执行时机不同
原生的JS入口函数是等所有的资源加载完毕之后才会执行。(页面文档、外部的js文件、外部的css文件、图片等)
jquery是等文档加载完成就可以执行。(DOM树加载完成后,就可以操作DOM了,
不用等到所有的外部资源都加载完成。)
jquery中的符号是一个函数
Query里面的函数的关系:jQuery === $
jquery对象和DOM对象相互转换
jQuery对象转换成DOM对象:
// 方式一
var btn1 = $btn[0]; // 此时就把jQuery对象$btn转换成了DOM对象btn1 (推荐使用此方式)
// 方式二
var btn2 = $btn.get(0);// 此时就把jQuery对象$btn转换成了DOM对象btn2
以上两种方式都要记住,使用哪一种都可以。
所有这些,都体现了jQuery对js的封装!
网友评论