admin 管理员组

文章数量: 1184232


2024年2月29日发(作者：cruelly)

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

【总结与体会】

通过完JQuery实验一，了解JQuery基本的选择器，对JQuery的开发环境的配置熟悉了一点，掌握简单的jQuery应用程序的编写。JQuery选择器：CSS选择器，层次选

}

return false;

择器，过滤选择器：基本过滤，内容过滤，属性过滤，子元素过滤，表单过滤，表单对象属性过滤


本文标签： 过滤 显示 品牌

版权声明：本文标题：实验一 jQuery选择器 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/b/1709217254a540695.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。