【JQuery】JQuery入门——模拟用户分组以及页面换肤

【JQuery】JQuery入门——模拟用户分组以及页面换肤

🔎这里是【JQuery】，关注我学习前端不迷路
👍如果对你有帮助，给博主一个免费的点赞以示鼓励
欢迎各位🔎点赞👍评论收藏⭐️

👀专栏介绍

【JQuery】目前主要更新JQuery，一起学习一起进步。

👀本期介绍

本期主要介绍JQuery入门——模拟用户分组以及页面换肤

文章目录

1. 模拟用户分组

1.1 案例介绍

1.2 案例相关知识：

2. 页面换肤

2.1 案例介绍

3. 扩展案例：图片放大

1. 模拟用户分组

1.1 案例介绍

使用 jQuery 模拟用户分组，要求如下：

1. 页面加载时显示所有分组的列表项。

2. 点击某分组名称时，仅显示当前分组列表，并隐藏其他分组的列表项

1.2 案例相关知识：

代码准备：

2. 页面换肤

2.1 案例介绍

提示：使用 css()方法

3. 扩展案例：图片放大

默认效果

效果图

提示：

JQ 元素 .css(“ 属性名 ”,” 属性值 ”);

例如：

jq 元素 .css(“width”,”50px”);

动画版：

JQ 元素 .animate({

属性名 :”+= 属性值 ”,

属性名 :”-= 属性值 ”

},{

duration:”fast”

});

例如：

JQ 元素 .animate({

width:”+=150”

},{

duration:”fast”

});
相关阅读:
systemd
Python接口自动化测试post请求和get请求，获取请求返回值
 有效的字母异位词,给定两个字符串 s 和 t ，编写一个函数来判断 t 是否是 s 的字母异位词。
Ant Design Pro从零到一（认识AntD）
koltin 泛型Any和*的区别
 因子图优化及GTSAM中IMU预积分接口
 【威纶通触摸屏按键保护（元件安全设置）】
机器学习笔记之配分函数(二)——随机最大似然
 基于SSM的新闻类网站
 花木兰荣耀典藏皮肤特效一览花木兰九霄神辉值得入手吗
原文地址：https://blog.csdn.net/weixin_45481821/article/details/126009246

👀专栏介绍

👀本期介绍

文章目录

1. 模拟用户分组

1.1 案例介绍

1.2 案例相关知识：

2. 页面换肤

2.1 案例介绍

3. 扩展案例：图片放大