todolist jQuery简单思路实现

<style media="screen">
　　.done {
　　text-decoration: line-through;
　　color: #8f8f8f;
}
</style>

 

<input type="text" id="txt">
<ul id="ul"></ul>
<script src="jquery.js" charset="utf-8"></script>
<script type="text/javascript">

　　////按下回车创建待办事件
　　var txt = $('#txt');
　　var ul = $('#ul');
　　txt.on('keyup', function(e) {
　　　　if(e.keyCode !== 13) return
　　　　var li = $('<li></li>');
　　　　li.text(txt.val());
　　　　txt.val('');

　　　　//点击事件划去
　　　　li.click(function() {
　　　　　　$(this).hasClass('done')? $(this).removeClass('done'): $(this).addClass('done')
　　　　})
　　　　ul.append(li);
　　})
</script>