老师我还是不明白这一段是什么意思？每一句都表示的啥？
来源：2-15 首页-底部菜单（2）
weixin_慕前端6235132
2020-07-17 23:50:42
写回答
4回答
-
好帮手慕言
2020-07-20
同学你好，addClass() 方法向被选元素添加类名。例如：有一个a标签
没有添加类名之前（下方界面以谷歌为例，按F12即可）
添加类名之后：
下方是代码，同学可以测测
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <a href="" class="index">内容</a> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script> <script> $('a.index').addClass('active'); </script> </body> </html>祝学习愉快~
0 -
好帮手慕言
2020-07-19
同学你好，关于同学的疑问，解答如下：
1、g在正则中表示全局匹配的意思，模板中有多个$key需要被替换，因此使用正则是比较方便的。
2、是给指定class类名的a标签添加样式，例如
设置样式的时候可以用a.index选择元素。这里page是变量，然后和前面的字符进行拼接，就可以选择底部导航元素，然后再添加上相应的active类。
祝学习愉快~
0h020-07-20 -
weixin_慕前端6235132
提问者
2020-07-19
第一个replace那里：/\$key/g，为什么要用正则来匹配且后面还加了个g，干嘛不写成"$key"？
最后在实现样式切换的时候，$("a."+page)，这个a.是什么意思？0 -
好帮手慕星星
2020-07-18
同学你好，参考下面解释
1、window.location.pathname是路径名称，输出首页路径为
然后通过split方法，分割参数为/ ，结果为
分成了三份。
2、获取数组中最后一个值，也就是页面的名称，去掉后缀.html
代码中使用replace方法将后缀替换为空串了，返回值为替换之后的值，也就是index 。
3、找到a元素并且class值为index，然后添加active类
模板中每个a元素中设置了对应的class类
所以可以找到。
自己测试理解下，祝学习愉快！
0
相似问题