如何通过js给某个元素设置样式
事件委托，原生js；
伪代码：
点击ul后清空ul下所有li的类名（使其所有元素不可见）；
获取被点击的dom节点li（
event.target
）；改变被点击的元素类名（使其可见）；
解释：
利用addEventListener给最上级元素绑定点击事件；
点击后触发匿名函数，清除除了当前点击的节点外所有的子元素类名
（可使用event.target获取当前被点击的dom节点）
（清除其他类名可用jquery的类选择器以及jquery的removeClass函数）；
给当前点击的元素赋予新的类名，改变样式。
主页左上角三条杠怎么设置
要在主页左上角添加三条杠，你可以使用HTML和CSS来创建一个自定义的菜单按钮：
1. 首先，在HTML中添加一个三行的图标。可以使用Font Awesome或者其他的图标库来获取这个图标代码。比如使用Font Awesome，可以插入以下代码：
```html
<span class="fas fa-bars"></span>
```
2. 接下来，使用CSS来设置这个图标的样式和位置。通过添加以下代码到你的CSS文件或者内联样式中来实现：
```css
.fa-bars {
display: inline-block;
cursor: pointer;
margin: 10px;
font-size: 24px;
}
```
这样就可以在页面的左上角添加一个三条杠图标了。你可以进一步在这个按钮上添加单击事件，以触发你想要的功能，比如打开导航菜单或者弹出弹出框。
主页左上角三条杠通常被称为汉堡菜单，可以通过HTML和CSS代码来设置。首先，需要在HTML文档中添加一个div元素，并赋予其一个特定的类名或ID。
然后，在CSS样式表中，使用伪元素:before和:after来创建三条水平线，并通过设置宽度、高度、颜色和定位来调整它们的样式和位置。
最后，使用JavaScript来添加点击事件，使汉堡菜单可以展开和关闭侧边栏菜单。总之，通过HTML、CSS和JavaScript的组合，我们可以轻松地创建一个漂亮、实用和易于导航的汉堡菜单。
左上角三条杠是网站或应用程序中常见的导航菜单图标，也称为汉堡菜单。要设置这个图标，通常需要使用CSS和HTML代码。
首先，需要创建一个div元素并为其添加类或ID，然后使用CSS样式表来定义这个div元素的宽度、高度和背景颜色。
接下来，在这个div元素中添加三个水平排列的span元素，每个元素都有一个高度和宽度，用于形成三条横线。
最后，使用JavaScript或jQuery编写代码，为这个图标添加点击事件，以便触发导航菜单的显示和隐藏。
js基本选择器与层次选择器
一、JS基本选择器是JQuery中最常用的选择器，也是最简单的选择器，它通过元素id、class 和标签名来查找DOM元素。这个非常重要，下面的内容都是以此为基础，逐级提高的。
1).“$(“#id”)”，获取id指定的元素，id是全局唯一的，所以它只有一个成员。
2).“$(“.class”)”，获取class指定的元素，不同的元素可以具有相同的class属性，所以它可能具有多个成员。
3).“$(“element”)”，获取element（元素名，比如div、table等）指定的元素，它可能具有多个成员。
4).“$(“*”)”，获取所有元素，相当于document。
5).“$(“selector1,selector2,…,selectorN”)”，将每个选择器匹配到的元素合并后一起返回。返回selector1匹配的集合+selector2匹配的集合+…+selectorN匹配的集合。
二、层次选择器
什么是层次？层次就是父子关系、兄弟关系的节点。所以，层次选择器就是用来获取指定元素的父子节点、兄弟节点。
1).“$(“ancestor descendant”)”，获取ancestor元素下边的所有元素。
2).“$(“parent > child”)”，获取parent元素下边的所有子元素（只包含第一层子元素）。
3).“$(“pre + next”)”，获取紧随pre元素的后一个兄弟元素。
4).“$(“pre ~ siblings”)”，获取pre元素后边的所有兄弟元素。