todolist的详细说明

最新推荐文章于 2024-08-15 09:46:44 发布

置顶

susu1198

最新推荐文章于 2024-08-15 09:46:44 发布

阅读量747

点赞数

分类专栏： jquery 文章标签： jquery

本文链接：https://blog.csdn.net/weixin_47558015/article/details/116718276

版权

本文详细介绍了如何使用jQuery库创建一个功能完善的TodoList应用，包括添加、删除和编辑任务的功能实现，以及交互效果的增强。

摘要由CSDN通过智能技术生成

$(function() {
    // 检测引入函数是否成功
    // alert(11)
    // 渲染
    load()
    $('#title').on('keydown', function(e) {
            // console.log(e.keyCode); 得到空格的阿斯克码值
            if (e.keyCode === 13) {
                // 声明一个变量接收存储的 localStorage的数据 存起来(模拟向服务器发送数据)
                var local = getDate();
                // console.log(local);
                local.push({ title: $(this).val(), done: false }); //输入数据后添加到local里面 合成数据
                //    获取之前的数据 模拟向服务器请求数据
                setDate(local)
                    // 渲染
                load()
                    // 清空
                $(this).val('')
            }
        })
        // 获取未来生成的a标签并且删除
    $('ol').on('click', 'a', function() {
            // alert(111)
            // 先获取本地储存
            var data = getDate()
                // console.log(data);
                // 修改数据 通过获取索引值进行删除 因为是通过遍历得到的索引(是自定义属性)所以使用attr属性进行获取
            var index =