1. 類名操作

$('div').addClass('box') //為所有匹配到的元素添加box類名
$('div').removeClass('box') //為所有匹配到元素刪除box類名
$('div').toggleClass('box') //為所有匹配到的元素切換類名 (匹配的元素?fù)碛挟?dāng)前類名則去掉，沒有則添加)
$('div').addClass('box1 box2') //多個(gè)類名之間空格隔開

2. 顯示隱藏

// 利用display屬性操作
$('div').show() //顯示匹配到的元素 display 的值為非none
$('div').hide() //隱藏匹配到的元素  display 的值為none
$('div').toggle() //切換到另一個(gè)狀態(tài)（顯示->隱藏 || 隱藏->顯示） display的值為none或非none

3. 結(jié)構(gòu)添加

$('.box').append('<p>新內(nèi)容</p>') //在元素結(jié)尾（內(nèi)部）插入指定內(nèi)容
$('<p>新內(nèi)容</p>').appendTo('.box') //與append唯一的區(qū)別是 參數(shù)位置交換
$('.box').prepend('內(nèi)容') //在元素頭部（內(nèi)部）插入指定內(nèi)容
$('.box').after('<p>新內(nèi)容</p>') //在元素之后插入指定內(nèi)容（作為兄弟節(jié)點(diǎn)存在）
$('.box').before('<p>新內(nèi)容</p>') //在元素之前插入指定內(nèi)容，與after相反（作為兄弟節(jié)點(diǎn)存在）

4. ajax

$.ajax({
  url:'/user',//接口
  type:'post',//請求方式
  data:{//向后臺發(fā)送參數(shù)
      id:'2923290759'
  },
  async:true,//請求是否異步（默認(rèn)異步）
  dataType:'json'//規(guī)定返回?cái)?shù)據(jù)的格式
  beforeSend:function(){
    //請求前的回調(diào)
  },
  success(result){
    //請求成功時(shí)的回調(diào)    
  },
  complete:(){
    //請求完成的回調(diào)
  },
  error(err){
    //請求失敗的回調(diào)
  }  
})

5.屏幕距離

鼠標(biāo)距離當(dāng)前塊左上角距離
e.offsetX
e.offsetY
鼠標(biāo)距離當(dāng)前頁面根節(jié)點(diǎn)左上角距離
e.clientX
e.clientY
鼠標(biāo)距離當(dāng)前屏幕左上角距離
e.screenX
e.screenY

[期待]...