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

posted @ 2016-11-06 19:46  罗先森  阅读(571)  评论(0编辑  收藏  举报