介绍 & lt; span 在$ (“.tables")。(“dblclick",“td",函数(){,
,如果($(这)定格(“input") .length> 0) {,
,,return 假;
}大敌;
,var tdDom =,(这);美元,
,//保存初始值,
美元,var tdPreText =,(这)。text (),,
,//给td设置宽度和给输入设置宽度并赋值,
,(这)美元.width (100) . html (“& lt; input type=& # 39;文本# 39;在“);(“input") .width (100) .val (tdPreText);,
,//失去焦点的时候重新赋值,
美元,var inputDom =,(这);(“input");,
,inputDom.blur(函数(){
var 才能;newText =,(这)美元.val (),,
(这)美元才能.remove (),,
tdDom.text才能(newText);,
,});& lt;/span> jquery是什么
这篇文章主要介绍了jQuery如何实现双击编辑表格功能,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获、下面让小编带着大家一起了解一下。
先给大家展示下效果图:
下面用简单方法实现的简单表格编辑功能:
简单的HTML代码略过了,下面是js实现过程JavaScript:
jquery是一个简洁而快速的JavaScript库,它具有独特的链式语法和短小清晰的多功能接口、高效灵活的css选择器,并且可对css选择器进行扩展,拥有便捷的插件扩展机制和丰富的插件,是继原型之后又一个优秀的JavaScript代码库,能够用于简化事件处理,HTML文档遍历,Ajax交互和动画,以便快速开发网站。
感谢你能够认真阅读完这篇文章,希望小编分享的“jquery如何实现双击编辑表格功能”这篇文章对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,更多相关知识等着你来学习!
