# 1、开发思路 思路： 创建一个表格，当点击td的时候，创建一个input，设置input的样式和td的样式一致，然后将input放到td中。 给input在绑定事件，当前按回车键的时候表示确定修改，当失去焦点的时候，表示取消修改。 用jQuery来完成它。 # 2、用到的知识点 2.1、固定格式的jQuery事件 ``` $(选择器).事件方法(处理函数); 比如：$(document).ready(function(){}); ``` 2.2、强大的选择器 ``` $('li'); //选择页面中所有的li $('li:first-child'); //选择页面中第一个li ``` 2.3、超强的文档操作方法 ``` $(完整的标签); //表示创建元素，比如$('<input />'); td.append($('<input />')); 或 $('<input />').appendTo(td); //都表示将input放到td中 ``` 2.4、完美的链式操作 2.5、方便的事件对象 ``` $(document).ready(function(evt){ //这个function是事件处理函数 //evt就是兼容的事件对象 }); ``` # 3、创建各个文件  # 4、HTML和css HTML部分：  CSS效果：  页面效果：  # 5、选择td，绑定单击事件  # 6、单击事件中，设置td的内容  # 7、链式操作  # 8、给input添加键盘事件  # 9、案例总结 9.1、选择器 选择器一定要写到$()函数中，写法基本上和css选择器一样。 ``` $('li'); //元素选择器，表示选择所有的li $('td:odd'); //表示选择奇数个td，下标从0开始 $('tr td:last-child'); //表示找每个tr中的最后一个td $('td:nth-child(2n)'); //表示找偶数个td $(document); //把之前的dom对象，用$()函数处理后，形参jQuery对象 $(this); //把之前的dom对象，用$()函数处理后，形参jQuery对象 ``` 9.2、事件绑定方法 ``` $('选择器').事件方法(function(evt){ //这就是jQuery中事件的绑定方式 }); ``` 9.3、css、html、text、val方法 ``` css()：一个参数，表示获取元素的css；两个参数表示设置元素的css。 html()：0个参数，表示获取元素的html内容；1个参数表示设置元素的html内容。 text()：0个参数，表示获取元素的文本内容；1个参数表示设置元素的文本内容。 val()：0个参数，表示获取元素的value值；1个参数表示设置元素的value值，专门用于表单项。 ``` 9.4、筛选 筛选方法，用于对已经选择的元素的进一步筛选或过滤。 ``` children()：筛选方法，用于查询元素的子元素。参数可以指定要查找什么样的子元素。 ``` 9.5、which属性 jQuery中的事件对象中的which属性，用于获取键盘的keyCode值。