- 类名操作
$('div').addClass('box') //为所有匹配到的元素添加box类名
$('div').removeClass('box') //为所有匹配到元素删除box类名
$('div').toggleClass('box') //为所有匹配到的元素切换类名 (匹配的元素拥有当前类名则去掉，没有则添加)
$('div').addClass('box1 box2') //多个类名之间空格隔开
- 显示隐藏
// 利用display属性操作
$('div').show() //显示匹配到的元素 display 的值为非none
$('div').hide() //隐藏匹配到的元素 display 的值为none
$('div').toggle() //切换到另一个状态（显示->隐藏 || 隐藏->显示） display的值为none或非none
- 结构添加
$('.box').append('<p>新内容</p>') //在元素结尾（内部）插入指定内容
$('<p>新内容</p>').appendTo('.box') //与append唯一的区别是 参数位置交换
$('.box').prepend('内容') //在元素头部（内部）插入指定内容
$('.box').after('<p>新内容</p>') //在元素之后插入指定内容（作为兄弟节点存在）
$('.box').before('<p>新内容</p>') //在元素之前插入指定内容，与after相反（作为兄弟节点存在）
- ajax
$.ajax({
url:'/user',//接口
type:'post',//请求方式
data:{//向后台发送参数
id:'2923290759'
},
async:true,//请求是否异步（默认异步）
dataType:'json'//规定返回数据的格式
beforeSend:function(){
//请求前的回调
},
success(result){
//请求成功时的回调
},
complete:(){
//请求完成的回调
},
error(err){
//请求失败的回调
}
})
5.屏幕距离
鼠标距离当前块左上角距离
e.offsetX
e.offsetY
鼠标距离当前页面根节点左上角距离
e.clientX
e.clientY
鼠标距离当前屏幕左上角距离
e.screenX
e.screenY
[期待]...
