jQuery中表单相关知识概述

单行文本获取与表单焦点丢失

复制代码代码如下所示：

输入：焦点，焦点{文本：

边境：1px solid # F00；

背景：# FCC；

}

{。焦点

边境：1px solid # F00；

背景：# FCC；

}
个人基本信息
名称：

密码:

详细信息：

* 1。单行文本框——获得焦点并失去焦点

**

$（函数（）{（））

$（：）。焦点（函数（）{）

$（这）。AddClass（焦点）；

}Blur（函数（）{）

$（这）。RemoveClass（焦点）；

}）

}）

改变多行文字的高度

复制代码代码如下所示：

* { margin: 0；padding: 0；字体：正常12px / 17px宋体；}

。味精{宽度：300px；保证金：100px；}

。msg_caption {宽度：100%；溢出：隐藏；margin-bottom: 1px；}

。msg_caption跨度{显示：块；浮动：左；保证金：0 2px；填充：4px 10px；背景：# 898989；鼠标指针；颜色：白色；}

。味精textarea {宽度：300px；高度：80px；身高：100px；边框1px solid # 000；}


扩大

狭窄的
多行文本框是高度可变的。多行文本框是高度可变的。多行文本框是高度可变的。多行文本框是高度可变的。

多行文本框是高度可变的。多行文本框是高度可变的。多行文本框是高度可变的。多行文本框是高度可变的。多行文本框是高度可变的。


*多行文本框的高度调整

**

$（函数（）{（））

电邮评论=美元（' #评论）；

$（大）。Click（函数（）{）

如果（！comment.is美元（：动画））{

如果（$ comment.height（）＜500）{

/ / comment.height美元（美元的评论。高度）（+ 50）； / / 1版

comment.animate美元（{高度：＋50}，400）；

}

}

}）；

$（小）Click（函数（）{）

如果（！comment.is美元（：动画））{

如果（$ comment.height（）> 50）{

/ / comment.height美元（美元comment.height）-（50）；

comment.animate美元（{高度：= 50}，400）；

}

}

}）；

}）；

改变多行文本滚动条的高度

复制代码代码如下所示：

* { margin: 0；padding: 0；字体：正常12px / 17px宋体；}

。味精{宽度：300px；保证金：100px；}

。msg_caption {宽度：100%；溢出：隐藏；margin-bottom: 1px；}

。msg_caption跨度{显示：块；浮动：左；保证金：0 2px；填充：4px 10px；背景：# 898989；鼠标指针；颜色：白色；}

。味精textarea {宽度：300px；高度：80px；身高：100px；边框1px solid # 000；}


向上

向下
多行文本框是高度可变的。多行文本框是高度可变的。多行文本框是高度可变的。多行文本框是高度可变的。

多行文本框是高度可变的。多行文本框是高度可变的。多行文本框是高度可变的。多行文本框是高度可变的。多行文本框是高度可变的。

多行文本框是高度可变的。多行文本框是高度可变的。多行文本框是高度可变的。多行文本框是高度可变的。多行文本框是高度可变的。

多行文本框是高度可变的。多行文本框是高度可变的。多行文本框是高度可变的。多行文本框是高度可变的。多行文本框是高度可变的。

多行文本框是高度可变的。多行文本框是高度可变的。多行文本框是高度可变的。多行文本框是高度可变的。多行文本框是高度可变的。多行文本框是高度可变的。多行文本框是高度可变的。多行文本框是高度可变的。多行文本框是高度可变的。多行文本框是高度可变的。

多行文本框是高度可变的。多行文本框是高度可变的。多行文本框是高度可变的。多行文本框是高度可变的。多行文本框是高度可变的。

多行文本框是高度可变的。多行文本框是高度可变的。多行文本框是高度可变的。多行文本框是高度可变的。多行文本框是高度可变的。

多行文本框是高度可变的。多行文本框是高度可变的。多行文本框是高度可变的。多行文本框是高度可变的。多行文本框是高度可变的。

多行文本框是高度可变的。多行文本框是高度可变的。多行文本框是高度可变的。多行文本框是高度可变的。多行文本框是高度可变的。


*在多行文本框的滚动条高度调整

**

$（函数（）{（））

电邮评论=美元（' #评论）；

Click（函数（）{）

如果（！comment.is美元（：动画））{

如果（$ comment.height（）＜500）{

comment.animate美元（{ scrollTop：+ = 50}，400）；

}

}

}）；

Click（函数（）{）

如果（！comment.is美元（：动画））{

如果（$ comment.height（）> 50）{

comment.animate美元（{ scrollTop：= 50}，400）；

}

}

}）；

}）；

复选框的应用

复制代码代码如下所示：

输入：焦点，焦点{文本：

边境：1px solid # F00；

背景：# FCC；

}

{。焦点

边境：1px solid # F00；

Background: #fcc;

}

你喜欢的运动是

足球

篮球

羽毛球

乒乓球

*复选框应用程序

**

$（函数（）{（））

$(#checkedAll).Click (function () {)

$（{姓名} =项目：复选框）。Attr（'checked '，真的）；

}）；

$（# checkedno）。Click（function（）{）

$（{姓名} =项目：复选框）。Attr（'checked，假）；

}）；

$（# checkedrev）。Click（function（）{）

$（{名称=项目}：复选框）。每个（函数（）{）

this.checked =！this.checked；

}）；

}）；

$（#派）。Click（function（）{）

您选择的是；

$（名称为：}：复选框：选中的）。每个（函数（）{）

瓦迩（+）；

}）；

警报（STR）；

}）；

}）