jQuery 即点即改
<!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 即点即改相关推荐
- jQuery即点即改
1.给你需要修改的数据一个选择器(id或者class)都行 2.因为修改数据库时候需要ID,所以给它一个属性等于你的ID用来传值,我用的是b(这个你可以随意起名) <table border=& ...
- jquery 即点即改.......
HTML页面: <body> <table border="1"> <tr> <td>名称</td> <td> ...
- jquery 遍历java对象的属性_用jquery each标签遍历java list对象
最近在做tms管理系统(物流管理软件),遇到这样一个场景: 运单对应多个货物信息(我们这里只对应3个货物信息,但大部分情况下,只有1个货物信息),我需要编辑也就是修改该运单,那么带出该运单一对多的货物 ...
- ajax type是get请求,jQuery的Ajax请求数据时type无法使用GET
写一个ASP.NET MVC例子,它是使用jQuery的$.Ajax来呼叫控制器的数据. 创建一个视图: 运行结果: 一切正常,但是本例子我们只是获取数据,并没有做任何数据POST上传至控制器,我们尝 ...
- MVC与Validate验证提示的样式修改
MVC中使用Validate的验证,要修改错误提示样式一共有3处需要修改,否则就不太完美了: MVC中的Validate的验证机制只用在后台写一次,就可以完成前台和后台的完美验证,前台的验证主要是依靠 ...
- 与webview打交道中踩过的那些坑
随着HTML5被越来越多的用到web APP的开发当中,webview这一个神器便日渐凸显出重要地位.简要的说,webview能够在移动应用中开辟出一个窗口,在里面显示html页面,css以及js代码 ...
- python3 Django框架报错(备忘录)
这篇博客主要总结的学习Django框架中,遇到的报错如何去解决问题: 1.decimal.InvalidOperation: decimal.InvalidOperation: [<class ...
- 多图上传 - Web Uploader
http://fex.baidu.com/webuploader/ 官方DEMO,我都不想说了,各种问题.参考ShuaiBi文章 http://www.cnblogs.com/ismars/p/417 ...
- easyUI 日期控件修改...
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. 个人觉得easyUI挺好用的. 它的中文文档地址: http://www.zi-han.net/ca ...
最新文章
- windows下安装whl文件
- Parallel 并发编程实例
- Tomcat 7 DBCP 配置(MySQL)
- [MongoDB]db.serverStatus()命令详解
- ceil() 与 floor() 与 round()
- 第二期: 如何搭建 多用户的平台?(未完)
- Mac远程管理软件Royal TSX
- 关于redis key命名规范的设计
- new Function的用法
- 拦截图片代码 精易web浏览器_精易Web浏览器 UChk验证源码
- Linux----常用操作
- sparkSQL写入hive报错:Exception thrown when executing query
- NIOS II 15:AD7606共享SDRAM
- 双软认证需要什么材料
- 华为matex鸿蒙,华为MateX推迟至9月,或预装鸿蒙系统,价格是唯一败笔
- 循环神经网络-高级篇RNN Classifier
- 使用LM324实现信号放大及电压比较综合报警电路
- 两名老人接力营救轻生女子一人溺亡
- rx590 黑苹果 无货_应粉丝要求花9000配了一台高端黑苹果电脑,大家看看值不值吧!...
- 冲大厂:Java并发六十问,快来看看你会多少道
热门文章
- (40)STM32——OV2640摄像头实验
- 一封高三班主任写给大学生的信 早看的话大学就不会那么堕落
- Oracle触发器(当A表新增/修改/删除时,同步数据到B表)
- 从零开始制作一个飞机大战类型的射击游戏
- Java多线程 信号量和屏障实现控制并发线程数量,主线程等待所有线程执行完毕1
- Java7 的Random伪随机数和线程安全的ThreadLocalRandom
- Microsoft.Office.Interop.Excel # Microsoft Excel xx.0 Object Library 引用
- 百度地图JS API 支持HTTPS
- Android应用开发实战-保活组件
- Java课程设计_java课设