jQuery是一款流行的JavaScript庫，它簡化了JavaScript代碼的編寫和維護。它具有強大的選擇器、DOM操作、事件處理、動畫效果等功能。在移動端開發中，jQuery也被廣泛使用。

下面我們來看一個使用jQuery制作的移動端案例。這是一個簡單的網頁版的TODO應用程序，它允許用戶添加、編輯和刪除任務。

<div class="todo">
<h1>我的TODO列表</h1>
<input type="text" id="taskName" placeholder="添加任務">
<ul id="taskList"></ul>
</div>
<script>
$(function() {
// 初始化任務列表
var tasks = ['學習jQuery', '學習移動端開發', '寫一篇關于jQuery的文章'];
for (var i = 0; i < tasks.length; i++) {
$('#taskList').append('<li>' + tasks[i] + '</li>');
}
// 添加任務
$('#taskName').keydown(function(event) {
if (event.which == 13) {
var taskName = $('#taskName').val();
$('#taskList').append('<li>' + taskName + '</li>');
$('#taskName').val('');
}
});
// 編輯任務
$('#taskList').on('click', 'li', function() {
var taskText = $(this).text();
var newTaskText = prompt('修改任務', taskText);
if (newTaskText != null) {
$(this).text(newTaskText);
}
});
// 刪除任務
$('#taskList').on('click', 'li span', function() {
$(this).parent().remove();
});
});
</script>

以上代碼中，我們首先創建了一個