文档章节

jQuery对表单、表格的操作及更多的应用

zhangda89
 zhangda89
发布于 2011/10/07 16:53
字数 635
阅读 432
收藏 2
jQuery对表单、表格的操作及更多的应用
1 表单应用
一个表单有3个基本组成部分。
(1) 表单标签:包含处理表单数据所用的服务器端应用程序URL以及数据提交到服务器的方法
(2) 表单域:包含文本框、密码框、隐藏框、多行文本框、复选框、单选框、下拉选择框和
文件上传框等
(3) 表单按钮:包括提交按钮、复位按钮和一般按钮,用于将数据传送到服务器上或者取消
传送,还可以用来控制其他定义处理脚本的处理工作。
1 单行文本框应用
jQuery代码如下:6.1.1.html
2 多行文本框应用
1. 高度变化
  jQuery代码如下:6.1.2.1.html
2. 滚动条高度变化
  在多行文本中,还有另外一个应用,就是通过控制多行文本框的滚动条的变化,使
  文本框里的内容滚动。
  jQuery代码如下:6.1.2.2.html
3 复选框应用
对复选框最基本的应用,就是对复选框进行全选、反选和全不选等操作。
jQuery代码如下:6.1.3.html
4 下拉框的应用
jQuery代码如下:6.1.4.html
5 表单验证
jQuery代码如下:6.1.5.html
2 表格应用
1 表格变色
1. 普通的各行变色
  jQuery代码如下:6.2.1.1.html
2. 单选框控制表格行高亮
  jQuery代码如下:6.2.1.2.html
  代码中的$('table :radio:checked').parent().parent().addClass('selected');
  是通过parent()方法逐步向父节点获取相应的元素的,也可以使用parents()方法
  直接获取。
  $('table :radio:checked').parents('tr').addClass('selected');
  此外,如果通过has选择器也可以进一步简化,表示含有选中的单选框的<tr>行将
  被高亮显示:$('tbody>tr:has(:checked)').addClass('selected');
3. 复选框控制表格行高亮
  jQuery代码如下:6.2.1.3.html
  在代码$(this)[hasSelected ? "removeClass" : "addClass"]('selected')中:
  [hasSelected ? "removeClass" : "addClass"]这是一个三元运算符,结果为:
  "removeClass"或者是"addClass"。因此
  $(this)[hasSelected ? "removeClass" : "addClass"]('selected')其实代表这
  两种情况
  $(this)["removeClass"]('selected');
  或者是$(this)["addClass"]('selected');
  它等价于:
  $(this).removeClass('selected');
  或者是$(this).addClass('selected');
2 表格展开关闭
jQuery代码如下:6.2.2.html
3 表格内容筛选
jQuery代码如下:6.2.3.html
3 其他应用
1 网页字体大小
jQuery代码如下:6.3.1.html
2 网页选项卡
jQuery代码如下:6.3.2.html
3 网页换肤
jQuery代码如下:6.3.2.html

© 著作权归作者所有

zhangda89
粉丝 0
博文 1
码字总数 635
作品 0
南昌
私信 提问
2009 年度最佳 jQuery 插件

jQuery 是个宝库,而 jQuery 的插件体系是个取之不竭的宝库,众多开发者在 jQuery 框架下,设计了数不清的插件,jQuery 的特长是网页效果,因此,它的插件库也多与 UI 有关。本文是 webdesig...

红薯
2009/12/12
2.1K
0
使用 jQTouch 增强您的下一个移动 web 应用程序

简介: 对 web 开发的兴趣,包括移动 web 应用程序,从未像现在这般高涨。一些开发桌面或者服务器端应用的开发人员也开始对移动 web 感兴趣。然而,许多人想要将他们目前的 web 开发技巧应用...

IBMdW
2011/11/14
3.6K
3
表单验证:nice Validator 与 jQuery Validation 对比

提要 最近,有人提到jQuery Validation Plugin,甚至有人怀疑 nice Validator 和 这个插件系同一个作者。我好想说,你太有想象力了-。-!jQuery Validation全程的鹰文,nice Validator 全程的...

JonyZhang
2013/08/02
4.2K
7
jquery常用的插件1000收集

花N长时间积累的Jquery插件,希望大家喜欢。大家还有什么新的插件,请留言,我们一并收录。 感谢大家的支持。 1.accordion类 基于jQuery开发,非常简单的水平方向折叠控件。 Horizontal acc...

Alic
2011/03/07
9.3K
6
15款提高表格操作的jQuery插件

table表格由于它的浏览器兼容性和复杂的标签嵌套方式,可以算是添加样式最困难的对象之一了。大多数前端er都把网页中的table标签替换为div,主要就是因为div要比table更容易添加CSS样式。但是...

鉴客
2010/08/12
5.8K
1

没有更多内容

加载失败,请刷新页面

加载更多

数据安全管理:RSA算法,签名验签流程详解

本文源码:GitHub·点这里 || GitEE·点这里 一、RSA算法简介 1、加密解密 RSA加密是一种非对称加密,在公开密钥加密和电子商业中RSA被广泛使用。可以在不直接传递密钥的情况下,完成加解密操...

知了一笑
37分钟前
5
0
Podman 使用指南

> 原文链接:Podman 使用指南 Podman 原来是 CRI-O 项目的一部分,后来被分离成一个单独的项目叫 libpod。Podman 的使用体验和 Docker 类似,不同的是 Podman 没有 daemon。以前使用 Docker...

米开朗基杨
今天
6
0
拯救 项目经理个人时间的5个技巧

优秀的项目经理都有一个共同点,那就是良好的时间管理能力。专业的项目经理会确保他们的时间投入富有成效,尽可能避免时间浪费。 时间管理叫做GTD,即Getting Things Done——“把事情做完”...

Airship
今天
7
0
LNMP环境介绍,Mariadb安装,服务管理,mariadb安装3

LNMP环境介绍 Nginx 处理的请求有两种,分为 静态与动态 图片,js,css,视频,音频,flash 等都是静态请求,这些数据都不是保存在数据库里面的 动态请求一般来说,需要的数据是在数据库里面...

doomcat
今天
3
0
前端技术之:Prisma Demo服务部署过程记录

安装前提条件: 1、已经安装了docker运行环境 2、以下命令执行记录发生在MackBook环境 3、已经安装了PostgreSQL(我使用的是11版本) 4、Node开发运行环境可以正常工作 首先需要通过Node包管...

popgis
今天
7
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部