JQ笔记05.Jquery表单表格的操作
5.1 表单应用
5.1.1单行文本框应用
【代码5.1.1.1】单行文本框应用举例:获取和失去焦点改变样式(很常用)。
【代码5.1.1.2】获取焦点时文本高亮显示并且清除默认的值,失去焦点时恢复原来。(非常常用)
5.1.2多行文本框应用
【代码5.1.2.1】多行文本框高度变化
【代码5.1.2.2】多行文本框高度变化,加上动画方法animate(),可以增加缓冲效果。
【代码5.1.2.3】通过控制多行文本框滚动条的变化,使文本框里的内容滚动。需要控制scrollTop属性。
5.1.3复选框应用
【代码5.1.3.1】通过点击按钮实现复选框的全选和反选
【代码5.1.3.2】点击复选框实现全选和全不选,实现思路如下:
【代码5.1.3.3】实现全选的另类思路,实现效果同上。
【代码5.1.4】下拉框的应用举例,很经典——将左边选中项添加给右边,或者双击添加给右边,右边同样可以添加给左边。
【代码5.1.5】表单验证案例一,需求如下:(相当经典)
代码比较长,不再展示,具体请参考源码,这里列出运行效果:
5.2 表格应用
5.2.1表格变色
【代码5.2.1.1】表格隔行换色(去掉表头)
【代码5.2.1.2】单选按钮控制表格某行高亮
【代码5.2.1.3】多选框控制表格多行高亮
【代码5.2.1.4】多选框控制表格多行高亮(简化代码)
【代码5.2.2】表展开与关闭——用表格实现一个后台管理菜单
【代码5.2.3】表格内容查询筛选
5.3 其它应用
【代码5.3.1】控制网页字体大小
【代码5.3.2】制作网页选项卡
【5.3.3.1】网页换肤色,但是刷新后又会重置
【5.3.3.2】网页换肤色,并且保存Cookie
- jQuery学习笔记— jQuery对表单、表格的操作以及更多应用
- 2016.06.17廖雪峰JS__学习笔记(操作表单)__P13
- DOM,href,书签,表格,列表,按钮,框架,表单,自动刷新,link,label简单操作
- jQuery中操作表单与表格
- jQuery中有关表单、表格的操作
- 04_jQuery对表单表格的操作及应用
- JavaScript笔记(浏览器下-操作表单以及文件)
- Ext JS4 学习笔记之发送表单(Form)时也将表单下的表格(Grid)数据一同发送的方法
- 《锋利的jQuery》第五章、 jQuery对表单和表格的操作
- jQuery表单、表格的操作总结
- 表格、表单操作
- jq框架封装学习笔记5-样式操作与属性操作模块
- jQuery学习笔记2——表单操作
- JQuery中操作表单和表格
- HTML+CSS笔记 表格,超链接,图片,表单
- jQuery学习笔记 - 2 简单的表格操作
- html+css学习笔记 5[表格、表单]
- jQuery对表单、表格的操作及更多的应用
- JQuery 对表单表格的操作