jQuery 对表单、表格的操作及更多应用-简略笔记

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

jquery对表单及表格的操作是实际应用中相当广泛。

对于表单的操作,可以实现

(1)获取和失去焦点改变样式;

(2)在多行文本框中可以实现网站评论框的缩小及放大(高度变化)等功能;(也可以利用滚动条实现高度变化:利用scrollTop)

(3)在复选框中可以实现对复选框进行全选、反选、和全不选等操作;

(4)在下拉框中可以实现左边的内容添加到右边等典型 的操作;

(5)还可以实现网页中的表单验证操作。

以上是利用jQuery对网页的典型操作,具体实现都是利用前面学习的知识,需要自己动手操作。

对于表格的操作,可以实现:

(1)表格的变色:普通的隔行变色,单选框控制表格行高亮、复选框控制表格行高亮等操作;

(2)对表格进行展开及关闭操作,通过绑定click事件来实现;

(3)对表格内容进行筛选操作,可以使用contains选择器来完成,也可以利用jquery的filter筛选方法对表格内容进行过滤;

其他操作及应用

通过jquery还可以对网页进行字体大小变化;网页选项卡实现;网页换肤等操作

表格和表单都是html的重要组成部分,分别用于采集用户输入的信息和显示列表数据,通过jquery更方便的实现了这些功能。

相关实战锻炼自行动手完成!

原文地址:https://www.cnblogs.com/yehui-mmd/p/5910888.html