相信大家已经对jQuery不再陌生了吧,小生对jQery接触的较早,但没能耐心心研究,苦于工作需要,翻看手册做了个简单的效果,也是很多网站都有使用的效果,小生井底之蛙,请老鸟莫笑

一、功能介绍

    主要实现的是对textbox双击后出现编辑状态,修改完成后变为不可编辑状态

二、思路

    设立一个div并给其加上一个标志方便jQuery能找到他,其中放入一个input:textbox和一个intpu:button,初始状态textbox为不可编辑状态并且无边框,button为隐藏,双击div后textbox改变样式出现边框,获得焦点,可进行编辑,button按钮出现.

    当编辑完毕,点击button后div恢复到初始状态。

jQuery尝试(一)

三、代码

 

(1)样式

}

 

(2)脚本

 

script>

 

(3)Html代码

 

>

 

 

脚本写的很粗糙,请大家原谅,也请感兴趣的朋友指正和完善 :-)   代码下载

相关文章:

  • 2021-07-04
  • 2021-09-26
  • 2021-12-23
  • 2021-10-30
  • 2021-11-26
  • 2021-06-29
  • 2021-03-31
  • 2021-06-07
猜你喜欢
  • 2022-12-23
  • 2022-02-14
  • 2022-01-04
  • 2022-12-23
  • 2021-06-19
  • 2021-10-07
  • 2021-08-16
相关资源
相似解决方案