<!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>

jQuery 即点即改相关推荐

  1. jQuery即点即改

    1.给你需要修改的数据一个选择器(id或者class)都行 2.因为修改数据库时候需要ID,所以给它一个属性等于你的ID用来传值,我用的是b(这个你可以随意起名) <table border=& ...

  2. jquery 即点即改.......

    HTML页面: <body> <table border="1"> <tr> <td>名称</td> <td> ...

  3. jquery 遍历java对象的属性_用jquery each标签遍历java list对象

    最近在做tms管理系统(物流管理软件),遇到这样一个场景: 运单对应多个货物信息(我们这里只对应3个货物信息,但大部分情况下,只有1个货物信息),我需要编辑也就是修改该运单,那么带出该运单一对多的货物 ...

  4. ajax type是get请求,jQuery的Ajax请求数据时type无法使用GET

    写一个ASP.NET MVC例子,它是使用jQuery的$.Ajax来呼叫控制器的数据. 创建一个视图: 运行结果: 一切正常,但是本例子我们只是获取数据,并没有做任何数据POST上传至控制器,我们尝 ...

  5. MVC与Validate验证提示的样式修改

    MVC中使用Validate的验证,要修改错误提示样式一共有3处需要修改,否则就不太完美了: MVC中的Validate的验证机制只用在后台写一次,就可以完成前台和后台的完美验证,前台的验证主要是依靠 ...

  6. 与webview打交道中踩过的那些坑

    随着HTML5被越来越多的用到web APP的开发当中,webview这一个神器便日渐凸显出重要地位.简要的说,webview能够在移动应用中开辟出一个窗口,在里面显示html页面,css以及js代码 ...

  7. python3 Django框架报错(备忘录)

    这篇博客主要总结的学习Django框架中,遇到的报错如何去解决问题: 1.decimal.InvalidOperation: decimal.InvalidOperation: [<class ...

  8. 多图上传 - Web Uploader

    http://fex.baidu.com/webuploader/ 官方DEMO,我都不想说了,各种问题.参考ShuaiBi文章 http://www.cnblogs.com/ismars/p/417 ...

  9. easyUI 日期控件修改...

    前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. 个人觉得easyUI挺好用的. 它的中文文档地址: http://www.zi-han.net/ca ...

最新文章

  1. windows下安装whl文件
  2. Parallel 并发编程实例
  3. Tomcat 7 DBCP 配置(MySQL)
  4. [MongoDB]db.serverStatus()命令详解
  5. ceil() 与 floor() 与 round()
  6. 第二期: 如何搭建 多用户的平台?(未完)
  7. Mac远程管理软件Royal TSX
  8. 关于redis key命名规范的设计
  9. new Function的用法
  10. 拦截图片代码 精易web浏览器_精易Web浏览器 UChk验证源码
  11. Linux----常用操作
  12. sparkSQL写入hive报错:Exception thrown when executing query
  13. NIOS II 15:AD7606共享SDRAM
  14. 双软认证需要什么材料
  15. 华为matex鸿蒙,华为MateX推迟至9月,或预装鸿蒙系统,价格是唯一败笔
  16. 循环神经网络-高级篇RNN Classifier
  17. 使用LM324实现信号放大及电压比较综合报警电路
  18. 两名老人接力营救轻生女子一人溺亡
  19. rx590 黑苹果 无货_应粉丝要求花9000配了一台高端黑苹果电脑,大家看看值不值吧!...
  20. 冲大厂:Java并发六十问,快来看看你会多少道

热门文章

  1. (40)STM32——OV2640摄像头实验
  2. 一封高三班主任写给大学生的信 早看的话大学就不会那么堕落
  3. Oracle触发器(当A表新增/修改/删除时,同步数据到B表)
  4. 从零开始制作一个飞机大战类型的射击游戏
  5. Java多线程 信号量和屏障实现控制并发线程数量,主线程等待所有线程执行完毕1
  6. Java7 的Random伪随机数和线程安全的ThreadLocalRandom
  7. Microsoft.Office.Interop.Excel # Microsoft Excel xx.0 Object Library 引用
  8. 百度地图JS API 支持HTTPS
  9. Android应用开发实战-保活组件
  10. Java课程设计_java课设