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使用手册
原标题:jQ html5拖放
关键词:HTML