Jquery学习笔记(表单、表格的操作)

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/Sxx312/article/details/82563921

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

表单应用

一个表单有3个基本组成部分
(1) 表单标签: 包含处理表单数据所用的服务器端程序URL以及数据提交到服务器的方法
(2) 表单域: 包含文本框,密码框,隐藏域,多行文本框,复选框,单选框,下拉选择框,文本上传框等
(3) 表单按钮: 包括提交按钮,复位按钮和一般按钮,用于将数据传送到服务器上或者取消传送,还可以用来控制其他定义了处理脚本的处理工作

单行文本框应用

最基本的,失去和获取焦点该表样式

多行文本框应用

通过-+按钮控制文本框的高度 height()方法可以获取高度,可以配合动画
滚动条高度变化等

复选框应用

对复选框进行全选,反选和全部选等操作
$('#CheckedRev').click(function(){
    $('[name=items]:checkbox').each(function(){
        this.checked=!this.checked
    }); 
});
通过prop('checked', true)和each循环等实现功能


使用prop()的时候,返回值是标准属性:true/false,比如$('#checkbox').prop('disabled'),不会返回"disable"或者"",只会返回true/false
那么哪些属性应该用attr访问,哪些应该用prop访问呢?
第一个原则: 只添加属性名称该属性就会生效应该使用prop()
第二个原则: 只存在true/false的属性应该使用prop()
按照官方说明,如果是设置disabled和checked这些属性,应使用prop()方法

下拉框应用

典型应用,将左边下拉框区域添加到右边下拉框区域
书P149

表单验证

表格应用

普通的隔行变色

单选框控制表格行高亮

复选框控制表格行高亮 (三元运算表达式)

表格展开关闭

表格内容筛选 filter()筛选方法,可以实现表格内容的过滤

猜你喜欢

转载自blog.csdn.net/Sxx312/article/details/82563921
今日推荐