jquery即点即改
来源:互联网 发布:excel数据区域设置 编辑:程序博客网 时间:2024/05/30 07:13
- <!DOCTYPE html>
- <html>
- <head lang="en">
- <meta charset="UTF-8">
- <title>即点即改</title>
- </head>
- <style type="text/css">
- td{
- width: 200px;
- }
- </style>
- <body>
- <table border="1">
- <tr height="50px">
- <th>ID</th>
- <th>name</th>
- <th>vales</th>
- </tr>
- <tr height="50px">
- <td>1</td>
- <td><span class="click">张三</span></td>
- <td>人</td>
- </tr>
- <tr height="50px">
- <td>2</td>
- <td><span class="click">张三</span></td>
- <td>生</td>
- </tr>
- <tr height="50px">
- <td>2</td>
- <td><span class="click">张三</span></td>
- <td>生</td>
- </tr>
- </table>
- <script src="jq.js"></script> //引用jQuery库类
- <script type="text/javascript">
- $(document).on("click", ".click", function () {
- var con = $(this).html();
- $(this).parent().html("<input type=\"text\" value=" + con + " />");
- $("input").focus();
- $(document).on("blur", "input", function () {
- var a = $("input").val();
- $(this).parent().html("<span class=\"click\">" + a + "</span>");
- });
- });
- </script>
- </body>
- </html>
0 0
- Jquery即点即改
- jquery即点即改
- jQuery 即点即改
- jquery 即点即改
- Jquery即点即改
- jquery即点即改
- jquery 即点即改.......
- jQuery即点即改
- jquery 即点即改
- jquery即点即改
- jquery即点即改
- jquery 即点即改
- Jquery即点即改2
- jquery的即点即改
- jquery即点即改 批量删除
- jquery即点即改-----laravel框架
- jquery即点即改-----laravel框架
- jquery即点即改-----laravel框架
- 基于shadowsocks的管理系统--软件工程课程设计
- 数据结构与算法学习--邻接表
- 搭建DUBBO服务框架需要的软件打包下载
- HTML5的<details>和<summary>
- Gitlab使用说明
- jquery即点即改
- 趣味科普长图,论《人类通讯发展史》
- ffmpeg——AVOutputFormat 输出文件格式
- Java 连接数据库及字符编码
- 子父页面的iframe方法调用
- 第29课:使用重置按钮,重置表单信息
- ios CoreMotion 的用法,获取手机加速度与偏转角度
- 如何快速开发可演示的微信小应用(应用号)
- mysql 错误 SQL Error: 1366解决方法 ----- 百度经验