jquery 任务管理

jquery是一款非常流行的JavaScript库，它能够极大地简化代码编写的难度，其中之一的应用就是任务管理。

$(document).ready(function(){
  //声明任务列表数组
  var tasks = [];
  //声明任务的索引
  var taskIndex = 0;

  //添加任务
  $('#addTaskBtn').click(function(){
    //获取输入的任务信息
    var taskName = $('#taskName').val();
    var taskDate = $('#taskDate').val();
    //创建任务对象
    var task = {
      name: taskName,
      date: taskDate,
      index: taskIndex
    };
    //将任务对象添加到任务数组中
    tasks.push(task);
    //将任务添加到任务列表中
    $('#taskList').append('
' + taskName + ' - ' + taskDate + ' Delete
');
    //增加任务索引
    taskIndex++;
    //清空输入框
    $('#taskName').val('');
    $('#taskDate').val('');
  });

  //删除任务
  $('#taskList').on('click', '.deleteTaskBtn', function(){
    var taskId = $(this).closest('li').attr('id');
    //在任务数组中删除任务
    tasks.splice(taskId, 1);
    //将该任务从任务列表中删除
    $(this).closest('li').remove();
  });

});

以上代码为使用jquery实现的任务管理应用，包括添加任务和删除任务两个功能。我们首先通过声明任务列表数组和任务索引来存储任务信息。当用户点击添加按钮时，获取输入的任务信息，并将任务对象添加到任务数组中和任务列表中，在任务索引中增加1，最后清空输入框。当用户点击删除任务按钮时，通过该任务在任务列表中的id来在任务数组中删除该任务，并将该任务从任务列表中删除。