jQuery 库 和 jQueyr 的概念
2020年7月5日javaScript库的概念
仓库:可以把很多东西放到这个仓库里面.找东西只需到仓库里面查找就可以了
javaScript库:即library,是一个封装好的特定的集合(方法和函数),就是在这个库中,封装了很多预定义好的函数在里面,比如动画animate , hide ,show 比如获取元素等,就是一个js文件,里面对我们原生js代码进行了封装,存放到里面.这样我们可以快速高效的使用这些封装好的功能了
常见javaScript库
jQuery 的概念
jquery 是一个快速,简洁的javaScript 库 ,设计宗旨’write less , do more’ , 写更少做更多
jquery 封装了 JavaScript 常用的功能代码,学习jquery本质就是学习调用这些函数.
jQuery顶级对象$
- $是jQuery的别称,在代码中可以使用$代替jQuery,通常都直接使用$
- $是jQuery的顶级对象,相当于原生JavaScript中的window.把元素利用$包装成jQuery对象,就可以调用jQuery的方法
jQuery对象和DOM对象
- 用原生js获取的对象是DOM对象
- 用jQuery方式获取过来的是jQuery对象
- jQuery对象本质利用$对DOM对象包装后产生的对象(伪数组形式存储)
- jQuery对象只能使用jQuery方法,DOM只能使用javaScript原生方法
jQuery对象和DOM对象相互转换
|
1 2 3 |
$(document.querySelector('video')) //DOM 转换 jQuery对象 $('video')[0].play() //jQuery对象 转换 DOM对象 $('video').get(0).play() //jQuery对象 转换 DOM对象 |
迭代(重要)
遍历内容部DOM元素(伪数组形式存储)的过程就是
