jquery即点既改

于 2021-03-23 09:35:45 发布
阅读量74 收藏
点赞数
文章标签： jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zxdcyybz/article/details/115110036
版权 
// An highlighted block
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Bootstrap 实例 - 基本的表格</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>

<table class="table">
    <caption>基本的表格布局</caption>
    <thead>
    <tr>
        <th>ID</th>
        <th>名称</th>
        <th>城市</th>
    </tr>
    </thead>
    <tbody>
    {foreach $data as $v}
    <tr>
        <td>{$v.id}</td>
        <td><span class="ids" tot="{$v.id}">{$v.title}</span>
            <input type="text" name="title" hidden class="aaa" tot="{$v.id}"></td>
        <td>{$v.sev}</td>
    </tr>
    {/foreach}
    </tbody>
</table>

</body>
</html>

<script>
    $('.ids').click(function () {
        var title=$(this).html();
           $(this).hide();
            $(this).next().show().val(title);
            $('.aaa').change(function () {
                var  id=$(this).attr('tot');
                var title=$(this).val();
                var _this=this;
                $.ajax({
                    type: "POST",
                    url: "{:url('save')}",
                    data: {title,id},
                    success: function(msg){
                            if (msg.code==200){
                                $(_this).hide();
                                $(_this).prev().show().html(title);
                            }
                    }
                });
            })


    })

</script>
　　　  
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
既点击改
qq920811275的博客
10-20 218
3、表单展示 [php] view plain copy   "en">        "UTF-8">      Document      "{{asset('jquery.1.12.js')}}">      "div">  关键字"text" id="search"> "text" id="start">"text" id="end"> "sou">搜索
Jquery即点既改
LXC
04-11 1206
//既点既改 $(document).on('click','.title',function(){ //获取ID值 var id=$(this).attr('id'); var val=$(this).html(); //获取文本框内容 定义一个类来区分避免出BUG $(this).parent().html("\"text\" class=\"a\" v
Jquery既点既改2
LXC
08-05 848
复制一下链接查看代码： ····
jquery 即点即改.......
MaPKai
10-09 2141
HTML页面： 名称 价格 操作 @foreach($users as $v) id}}">{{$v->name}} {{$v->price}}
php jquery实现即点即改
一匹来自北方的狼
09-07 2362
视图层 Document ul li {float:left;list-style: none;padding: 10px;} 插入数据|| 名称 价格 操作 @foreach($arr as $value) id}}"> id}}"> {{$value->name}} {{$value->price}} id}}">删除 @endforeach $(f
使用laraval框架实现即点即改功能
亮哥的博客
11-27 378
框架：laravel5.7 需求：利用即点即改完成用户名修改 知识点：ajax javascript jquery 功能描述：点击名称弹出一个文本框，并且将被点击的名称显示在文本框中，当修改完文本框中内容时，通过onblur 失去焦点事件，与此同时利用ajax将id 和 用户名的字段传到控制器，在控制器的基础上完成修改工作，成功返回参数1否则失败返回参数2；功能图见下图 主要实...
TP5+jquery即点既改
weixin_33991418的博客
07-27 236
//表单 {volist name="date" id="v"} <tr id="{$v.id}"> <td><input type="checkbox" name="box"/></td> <td fd="id">{$v.id}</td> &...
jQuery即点即改
Summer--楠的博客
10-12 1826
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 1585
即点即改 td{ width: 200px; } ID name vales 1 张三 人
php 原生即点即改
散尽浮华
04-23 477
原生的前端页面，可以支持同时修改多个字段 header("content-type:text/html;charset=utf-8"); $dsn = "mysql:host=localhost;dbname=case"; $pdo = new PDO($dsn, 'root', 'root'); $pdo->query("set names utf8"); $search =
ssm_078_mysql_高校就业管理系统_.zip
08-09
基于SSM框架及MySQL数据库实现的就业管理系统的设计和开发过程。本论文中所讲的就业管理系统是通过所学的知识创办一个非商业性的网站平台，使所有想要就业信息查看的高校毕业生们与想要宣传自己公司的商家们都可以更方便快捷的进行就业和体验。在现实生活中，如果商家想宣传自己的公司，或者毕业季的大学生们想要就业找工作之前做攻略都需要很高的时间成本。对招聘的公司来说，经常会出现公司缺人但岗位无人问津的情况，一定程度上影响了公司的运营与发展。此网站开发出来之后不管是对所有想要了解就业岗位的学生还是宣传自己公司的商家来说，都节省了时间成本、宣传成本。SSM高校就业管理系统系统提供了丰富的功能，用户可以直接在系统上面获取岗位或公司的信息，如公司图片、岗位名称、岗位信息等，网站的用户可以在网站上直接与管理员进行在线沟通。与传统的就业平台相比，本系统能够提供更及时的服务，大大节省时间成本。
【创新发文无忧】Matlab实现鸽群优化算法PIO-DELM的故障诊断算法研究.rar
08-09
1.版本：matlab2014/2019a/2024a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 5.作者介绍：某大厂资深算法工程师，从事Matlab算法仿真工作10年；擅长智能优化算法、神经网络预测、信号处理、元胞自动机等多种领域的算法仿真实验，更多仿真源码、数据集定制私信+。 替换数据可以直接使用，注释清楚，适合新手
基于Springboot的动物领养平台设计与开发 Javaee项目，springboot项目
最新发布
08-09
资源详情：https://blog.csdn.net/2302_78191516/article/details/141071581
基于python的crazy管理系统 (14).zip
08-09
阿齐archie
38.锂电池点焊机.zip
08-09
38.锂电池点焊机
PHP域名多元探索器.zip
08-09
PHP域名多元探索器是一款基于PHP语言开发的强大工具，旨在帮助开发者在Web开发中高效、精准地处理和管理域名相关的多种任务。该工具集成了多种域名解析、验证及操作功能，包括但不限于提取顶级域名（TLDs）、主域名、子域名等，还支持国际化域名（IDN）的转换，确保了开发者能够轻松应对各种复杂的域名处理场景。 PHP域名多元探索器遵循RFC 2396和RFC 3986等国际域名解析标准，保证了解析结果的准确性和可靠性。它提供了一个丰富的API接口，允许开发者以对象导向的方式轻松调用，快速实现域名的解析、验证和查询等功能。此外，该工具还具备灵活性和可扩展性，通过提供多种获取域名不同部分的方法，如`getRegistrableDomain()`、`getPublicSuffix()`等，满足了不同场景下的多样化需求。 在安全方面，PHP域名多元探索器内置了强大的错误处理机制，能够有效处理无效的或无法解析的域名，并通过抛出异常的方式方便开发者进行错误处理和调试。同时，它还支持HTTPS和客户端证书的安全通信方式，进一步增强了数据传输的安全性。 综上所述，PHP域名多元探索器是一款功能丰富、
财务出纳一览表.xlsx
08-09
工资表，财务报表，对账表，付款申请，财务报告，费用支出表 适用人群：学习不同技术领域的小白或进阶学习者；可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。
Python面试题.docx
08-09
Python 作为一种广泛应用的编程语言，在面试中经常会涉及到各种类型的问题，以全面考察应聘者的知识和技能。 这份 Python 面试题资源涵盖了基础知识、数据结构与算法、面向对象编程、函数式编程、文件操作、异常处理、模块与包、数据库操作、网络编程等多个重要领域。 在基础知识方面，会询问 Python 的基本语法、变量类型、控制结构（如 if-else、for 循环、while 循环）等。例如，可能会让应聘者解释 Python 中列表和元组的区别，或者如何在 Python 中实现条件判断。 对于数据结构与算法，可能会涉及到链表、栈、队列、树、排序算法（如冒泡排序、快速排序）等的理解和实现。比如，要求应聘者用 Python 实现一个简单的链表数据结构，或者分析某种排序算法的时间复杂度和空间复杂度。 面向对象编程是 Python 中的重要概念，问题可能包括类的定义与使用、继承、多态、封装等。可能会让应聘者设计一个类来表示某种具体的对象，并实现相关的方法。 函数式编程方面，会考察函数的高阶用法、匿名函数、装饰器等。比如，让应聘者使用装饰器实现一个日志记录功能。 文件操作和异常处理也是常见的考
ssm_090_mysql_房屋租赁系统_.zip
08-09
在国家经济的快速发展中，房地产行业是带动国家GDP增速的主力之一，我国的各大城市的房价也都在不断的攀升。而面对城市房价持续保持在高位，进城务工人员暂时无法在城市中实现购房，而对于有经济条件的购房者，有些城市也会有限购令，使得这些购房者暂时无法买房。面对初入城市的外来人口，租房成为了外来人口的首选方案。 本次是基于SSM框架技术来对于租房行业进行深入了解，通过对租房行业的现状，未来发展以及现再存在的问题等进行分析，总结出本次开发程序的必要性，通过搭建一款房屋租赁系统来实现房产新闻的在线推广，房东、租户的在线注册以及在线预约开放、交流等功能，为租户与房东通过线上来搭建一个快速交流的平台，实现很好的线上化撮合平台的作用。本次的系统开发使用了SSM框架以及JSP为主开发工具，通过eclipse开发软件工具来进行整体的内容开发。数据库选择以MySQL作为本次的数据库管理工具。通过本次的系统开发最终实现了需求满足，运行稳定。
精通jQuery Mobile：移动Web应用开发实战指南
"jQuery Mobile即学即用 是一本由人民邮电出版社出版的移动Web应用开发教程，基于全球广泛使用的jQuery框架，旨在帮助开发者快速掌握jQuery Mobile，适用于跨平台的移动应用开发。本书由Maximiliano Firtman撰写，并...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值