你的位置:首页 > Java教程

[Java教程]jQ html5拖放


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使用手册