《实验四 jquery的使用 (2)》由会员分享，可在线阅读，更多相关《实验四 jquery的使用 (2)（7页珍藏版）》请在金锄头文库上搜索。
1、实验四 jQuery的使用一、 实验目的1. 掌握jQuery的引用2. 掌握jQuery常用的选择器3. 掌握了jQuery事件处理的常用事件4. 掌握jQuery基本程序的编写； 二、实验要求按要求完成程序，并上交实验报告，期末按班级统一上交电子档三、实验内容（4学时）3.1实现表格的隔行变色，并且对含有文本“湖南”的数据行高亮显示。 单击按钮使表格间隔变色 $(document).ready(function () $(#change).click(function () $(tr:even).css(background, #FFFAF0); $(tr:odd).css(backgro
2、und, #DCDCDC); $(tr:contains(湖南).css(color, red); $(tr:contains(湖南).css(background-color,#FFF0F5); ); ); 姓名 性别 暂住地 张山 男 浙江宁波 李四 女 浙江杭州 王五 男 湖南长沙 赵六 男 浙江温州 Rain 男 浙江杭州 MAXMAN 女 浙江杭州 3.2 , 实现复选框的全选、全不选和反选功能 :checked选中状态选择器 $(function () $(#quanxuan).bind(click, function () $(name=checkItem:checkbox).p
3、rop(checked, true); ); $(#quanbuxuan).bind(click, function () $(name=checkItem:checkbox).prop(checked, false); ); $(#fanxuan).bind(click, function () $(name=checkItem:checkbox).each(function () $(this).prop(checked, !$(this).prop(checked); ) ); ); 你爱好的运动是? 足球 篮球 羽毛球 乒乓球 3.3使用jQuery验证表单，并显示输入结果 (参考界面
4、如下)要求：1)用户名不能为空 2）密码和确认密码必须一致且不能为空 3）email 内容必须包含 4) 离开文本框时检测有效性5）点击提交按钮后，检测用户名，密码，确认密码，email的有效性，如果有效后在下面DIV中显示各个输入或者选择项的内容。- 用户注册 $(function () $(#quanxuan).bind(click, function () $(name=checkItem:checkbox).attr(checked, true); ); $(#name).bind(blur, function () if ($(#name).val().length = 0) ale
5、rt(用户名不可以为空); ) $(#passwd).bind(blur,function() if ($(#passwd).val().length = 0) alert(密码不可以为空); ) $(#confirmpasswd).bind(blur, function () if ($(#confirmpasswd).val().length = 0) alert(确认密码不可以为空); return; if ($(#passwd).val()!= $(#confirmpasswd).val() alert(密码不相等); ) $(#email).bind(blur, function () if ($(#email).val() = ) alert(邮箱不能为空); return false; ) $(#submit).bind(click, function () var city = $(#select option:selected).val(); var account = $(inputname=account:checked
