1.引入jqueryDownload jQuery | jQuery
2.$是jQuery的别称(以下两种等效)
$(function(){
$('div').hide
})
jQuery(function(){
jQuery('div').hide
})
3.jQuery对象和DOM对象
var myDiv = document.querySelector(‘div’) //myDiv 是DOM对象
- jQuery方法获取的元素就是jQuery对象
- jQuery对象本质是:利用$对DOM对象包装后产生的对象(伪数组形式存储)
4.jQuery和DOM的互换
(1)DOM对象转换为jQuery对象:$(DOM对象)
//使用原生js获取过来DOM对象
var myvideo = document.querySelector('video')
$(myvideo);
$(myvideo).paly(); //错误,jQuery里面没有play这个方法
(2)jQuery对象转换为DOM对象(两种方式):
①$(‘div’)[index] index是索引号
②$(‘div’).get(index) index是索引号
$('video')[0].paly()
$('video').get(0).play()
5.了解jQuery
- 是一个优秀的js函数库(方法库 工具库)
- 有人已经帮我们把js里面的各种dom操作都给我们封装好了
- ①获取dom元素②操作元素的类名③操作元素的属性④操作元素的样式⑤可以进行元素动画
- jQuery里面95%以上都是封装好的方法将来使用的时候别忘了加()
6.类库、插件、框架的区别
插件
①为了实现页面某一个单一类功能而封装的代码
②swiper滑动类效果(跑马灯 轮播图)
类库
①把我们常用的操作封装成一个个的方法给我们使用
②jQuery(封装了各种各样的dom操作)
框架