当前位置:首页 > 实验一 jQuery选择器
实验一 jQuery选择器
【实验目的】
1、熟悉jQuery开发环境的配置; 2、掌握jQuery应用程序的编写; 3、掌握jQuery常用的选择器 【实验准备】
1、复习教材相关内容; 2、预习本次实验; 【实验内容】
1、实现表格的隔行变色,并且对含有文本“王五”的数据行高亮显示。其页面效果如图1-1所示。
图1-1
代码:
2、实现复选框的全选、全不选和反选功能,其页面效果如图1-2所示。
图1-2
代码:
3、实现品牌列表的展示效果,用户进入该页面时,品牌列表默认精简显示,如图1-3所示,用户单击“显示全部品牌”按钮来显示全部的品牌;同时将推荐的品牌名字高亮显示,按钮文字也换成“精简显示品牌”,如图1-4所示。
图1-3
图1-4