本文介绍了一种使用jQuery来实现网页上按钮元素的拖拽功能的方法。通过简单的HTML结构配合jQuery的选择器和事件处理函数，实现了按钮的拖拽交互效果。此案例有助于初学者理解jQuery的工作原理并掌握基本的DOM操作。
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
</head>
<body>
<p><input type="button" value="1"></p>
<p><input type="button" value="2"></p>
<p><input type="button" value="3"></p>
<script>
$(document).ready(function(){
$("p").click(function(){
var next = $(this).next();
var temp = $(this).remove();
next.after(temp);
});
});
</script>
</body>
</html>
扫一扫
1496
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
