jquery 即点即改

最新推荐文章于 2021-03-23 20:43:23 发布
最新推荐文章于 2021-03-23 20:43:23 发布
阅读量179 收藏
点赞数
分类专栏： JavaScript&jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34839657/article/details/52863595
版权
  1. <!DOCTYPE html>  
  2. <html>  
  3. <head lang="en">  
  4.     <meta charset="UTF-8">  
  5.     <title>即点即改</title>  
  6. </head>  
  7. <style type="text/css">  
  8.     td{  
  9.         width: 200px;  
  10.     }  
  11. </style>  
  12. <body>  
  13.     <table border="1">  
  14.         <tr height="50px">  
  15.             <th>ID</th>  
  16.             <th>name</th>  
  17.             <th>vales</th>  
  18.         </tr>  
  19.         <tr height="50px">  
  20.             <td>1</td>  
  21.             <td><span class="click">张三</span></td>  
  22.             <td>人</td>  
  23.         </tr>  
  24.         <tr height="50px">  
  25.             <td>2</td>  
  26.             <td><span class="click">张三</span></td>  
  27.             <td>生</td>  
  28.         </tr>  
  29.         <tr height="50px">  
  30.             <td>2</td>  
  31.             <td><span class="click">张三</span></td>  
  32.             <td>生</td>  
  33.         </tr>  
  34.     </table>  
  35.     <script src="jq.js"></script>   //引用jQuery库类  
  36.     <script type="text/javascript">  
  37.         $(document).on("click", ".click", function () {  
  38.             var con = $(this).html();  
  39.             $(this).parent().html("<input type=\"text\" value=" + con + " />");  
  40.             $("input").focus();  
  41.             $(document).on("blur", "input", function () {  
  42.                 var a = $("input").val();  
  43.                 $(this).parent().html("<span class=\"click\">" + a + "</span>");  
  44.             });  
  45.         });  
  46.     </script>  
  47. </body>  
  48. </html> 
落叶不如离思多
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
PHP+jQuery实现即点即改功能示例
10-17
主要介绍了PHP+jQuery实现即点即改功能,涉及php数组读取、遍历及jQuery事件响应与动态修改页面元素属性相关操作技巧,需要的朋友可以参考下
jQuery实现checkbox即点即改批量删除及中间遇到的坑
10-19
主要介绍了jQuery实现checkbox即点即改批量删除及中间遇到的坑,非常不错，具有参考借鉴价值，需要的朋友可以参考下
jquery 即点即改.......
MaPKai
10-09 2136
HTML页面： 名称 价格 操作 @foreach($users as $v) id}}">{{$v->name}} {{$v->price}}
php jquery实现即点即改
一匹来自北方的狼
09-07 2358
视图层 Document ul li {float:left;list-style: none;padding: 10px;} 插入数据|| 名称 价格 操作 @foreach($arr as $value) id}}"> id}}"> {{$value->name}} {{$value->price}} id}}">删除 @endforeach $(f
jquery即点即改
xT______的博客
10-21 264
>  html>  head lang="en">      meta charset="UTF-8">      title>即点即改title>  head>  style type="text/css">      td{          width: 200px;      }  style>  body>      table border="1">          tr heigh
Jquery实现即点即改
马冠亚的博客
03-23 704
使用Jquery实现即点即改功能 HTML代码： &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Document&lt;/title&gt; &lt;/head&gt; &lt;
jQuery修改class属性和CSS样式整理
12-12
class属性修改 　类属性即class属性,规定类名. 　用类选择器规定样式的...　用jQuery进行类名修改既可以用attr()方法修改”class”属性,也可以用addClass(), removeClass(), toggleClass()等方法来完成. addClass()
懒人修改jQuery.blocksit插件实现瀑布流结合图片延
06-10
不过他只能实现图片的流式排列，无法实现图片预加载功能(即：边拖拉网页边加载图片) 懒人站长特意在此瀑布流上增加了jQuery.lazyload.js插件，实现图片的预加载效果 注意每个图片的路径都有一个假地址和一...
jquery即点即改-----laravel框架
panying1的博客
11-03 323
HTML页面 Document 名称 价格 操作 @foreach($u
jQuery即点即改
Summer--楠的博客
10-12 1818
1、给你需要修改的数据一个选择器（id或者class）都行 2、因为修改数据库时候需要ID，所以给它一个属性等于你的ID用来传值，我用的是b（这个你可以随意起名） &lt;table border="1"&gt; &lt;tr&gt; &lt;td&gt;姓名&lt;/td&gt; &lt;/...
jQuery 即点即改
葛二蛋的博客
07-16 1582
即点即改 td{ width: 200px; } ID name vales 1 张三 人
jQuery+即点即改
Qiyijie666的博客
03-23 103
PHP面试题+笔试题 1，PHP运行原理？ 当用户访问静态文件时，服务区接收到指令后直接返回，因为静态页不需要后端语言处理，直接由浏览器本身解析 当用户访问动态脚本时，服务器接收到指令后传递给php解释器，然后经过程序处理后，在返回给apache，apache将处理后的页面返回个i客户端，从而完成整个响应过程 当用户访问动态脚本时，此时这个脚本的数据来源与数据库时，服务器接收到指令后传递给php解释器，经过程序梳理，到达数据库，读取数据，然后层层返回，最终到达客户端，从而完成整个响应过程 2，websc
JQuery 行内编辑
未将对象引用设置到对象的实例
07-28 664
行内编辑 下面是详细的代码： <style> .dian { cursor: pointer; } </style> //这个让鼠标 移动到 span上 的时候 是一个小手 <tr id="这里要修改的ID"> <td> <span class="dian" onselectstart="return false" field="FlowerName">玫瑰花</span> </td> &l
Jquery即点即改
Huangwenting1990的博客
09-10 341
[php] view plain copy "">      编号      用户名      密码      foreach($i as $v){ ?>                echo $v['id']?>          "">class="name">echo $v['name']?>          echo $v['pwd']?>        
window.history.go(-1)
Grave burn paper
08-03 3716
window.history.go(-1)和window.location.go(-1)的区别 虽然都跑到上一页去了,但: window.history.go(-1) 是返回上一页 window.location.go(-1)是刷新上一页
jquery修改css样式!important
最新发布
06-07
如果要使用jQuery修改CSS样式并强制生效（即添加`!important`），可以使用下面这种方式： ```javascript $(selector).css('cssPropertyName', 'cssPropertyValue !important'); ``` 其中，`selector`表示要修改...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值