HTML5 拖放

draggable=true

dragstart   拖放開始的時候觸發

drag        拖放過程中一直觸發

dragend     拖放結束後觸發

​

dragenter   對於被放置的標簽而言 如果有被拖放的標簽進入到 此標簽里時  會觸發dragenter

dragover    被拖放的標簽  在這個標簽里移動時  會觸發dargover事件

dragleave   將 被拖放的標簽離開 此標簽時  觸發 dragleave

dragdrop    如果 被 拖放的標簽 被拖到此標簽里進行放置時觸發

jQuery

jQuery 是一個 JavaScript 庫。

jQuery 極大地簡化了 JavaScript 編程。

先引入 jQuery ，後引入 js 文件

var div=$('.ulList li')          // 用jQuery選取目標             選出來後 始終為 對象集合

// . class選擇   # id選擇 

$('.ulList li').length   //集合長度

$('.ulList li').size()   //集合長度

​

$('.ulList li').get(0)   //獲得角標為0的原生DOM對象 括弧為空時 獲取所有li

​

$('#li').index()         //獲取id叫li的 在ul中 相對於同輩元素的角標

​

$('.ulList li')each(function(){

                         //ul中每一項li執行functio

})

餘下內容參閱jQuery使用手冊