jQuery 简介
- jQuery 是一个快速、简洁的 JavaScript 库。更少的代码,做更多的事。
- j:JavaScript,Query查询。就是把 js 中的 DOM 操作做了封装,我们可以快速的查询使用里面的功能。
- 优化了 DOM 操作、事件处理、动画设计和 Ajax交互。
jQuery 基本使用
$ 是 jQuery的别称,是 jQuery 的顶级对象。
- 等待页面DOM加载完毕再去执行 js 代码
$(function() {
$('div').hide()
})
- DOM 对象转换为 jQuery 对象:
$(DOM对象)
// 1.直接获取div,得到的就是jQuery对象
<div></div>
$('div')
// 2.已经使用原生js 获取过来DOM对象
<div></div>
var div = document.querySelector('div')
$(div) // 注意没有引号
- jQuery 对象转换为 DOM 对象:
$('div')[index] 或 $('div').get(index)
<video src="mov.mp4"></video>
$('video')[0].play()
// 等价于
$('video').get(0).play()
不积跬步无以至千里 不积小流无以成江海