云题海 - 专业文章范例文档资料分享平台

当前位置:首页 > 实验一 jQuery选择器

实验一 jQuery选择器

  • 62 次阅读
  • 3 次下载
  • 2025/5/2 15:04:26

实验一 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

Copyright © 云题海 All Rights Reserved. 苏ICP备16052595号-3 网站地图 客服QQ:370150219 邮箱:370150219@qq.com