网页设计待办事项闹钟php,创建待办事件列表

现在，准备HTML，我们可以开始编写我们的jQuery代码。

首先，我们处理按钮的点击事件：$(function() {   $("#add").on("click", function() {     //event handler   }); });

在事件处理程序中，我们选择输入字段的值并创建一个新的

元素，并将其添加到列表中：var val = $("input").val();

if(val !== '')

{   var elem = $("

").text(val);

$(elem).append("X");

$("#mylist").append(elem);

$("input").val("");

//clear the input }

上面的代码将输入字段的值分配给val变量。 if语句检查该值是否为空，然后创建一个新的

元素。 添加一个删除它的按钮，之后将新创建的元素添加到

1. 列表中。

以下是完整的代码：$(function()

{   $("#add").on("click", function()

{     var val = $("input").val();

if(val !== '')

{       var elem = $("

").text(val);

\$(elem).append("X");

$("#mylist").append(elem);

$("input").val("");     }   }); });

删除功能还没有实现。 我们将在下一节中处理它！