zoukankan      html  css  js  c++  java
  • jQuery尝试(一)

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

    一、功能介绍

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

    二、思路

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

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

    三、代码

    (1)样式

    Style

    (2)脚本

    javascript

    (3)Html代码

    HTML

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

  • 相关阅读:
    Java操作excel,读取及导出
    vue 在package.json配置对外暴露访问地址(手机端访问本地项目地址)
    element UI upload组件上传附件格式限制
    linux之vim/vi快速复制多行内容的快捷键
    使用vant的Toast组件时提示not defined
    如何使用js判断当前页面是pc还是移动端打开的
    JavaScript 保留两位小数函数
    Linux其他命令
    linux学习ls的三个选项 lha的作用和隐藏文件的知识
    vue+ element-ui el-table组件自定义合计(summary-method)坑
  • 原文地址:https://www.cnblogs.com/5tao/p/1552265.html
Copyright © 2011-2022 走看看