jQuery总结

添加与删除元素

$().append('
一个p
')
let p = '
一个p
'
let div = '
<一个div
'
$().append(p, div)  //在 结尾 插入
$().prepend()       //在 开头 插入
$().after()         //在 之后 插入
$().before()        //在 之前 插入

$().remove()  //删除本身及子元素
$().remove('p')  //删除过滤后的子元素
$().empty()   //删除子元素

过滤器

//返回jQuery对象
$().first()
$().last()
$().eq(index)
$().filter('')
$().not()

$().parent()
$().parents()
$().parents('')
$().parentsUntil()   //直到

$().children()
$().children('')	//一级后代
$().find('')   //所有后代

$().sublings()  //同胞
$().sublings('')
$().next()
$().nextAll()
$().nextUntil('')
$().prev()
$().prevAll('')
$().prevUntil('')

jQuery和DOM对象

jQuery -> DOM
$('')[0]
$('').get(0)

DOM -> jQuery
let e = document.querySelector('')
$(e)

jQuery 动画

$().animate( 
{height: '200px', width: '+=100px', opacity: 'toggle'},  //属性
{queue: true, duration:3000},   //执行时间  是否放入动画queue
callback    
).animate(...)

$().show( 1000, 'ease', callback)
$().hide( ... )
$().slideUp(...)  //上拉
$().slideDown(...)  //下拉
$().fadeIn(...)  //淡入
$().fadeOut(...)  //淡出

$().stop()   //停止当前动画  执行下一个
$().clearQueue()  //清除动画队列
$().finish()    //停止所有动画 跳到最后一帧

未完待续…