实际工作的知识 事件委托 和 CSS 伪元素

1. 工作中用到的事件委托

　　在最早的时候 我写事件都是 指定到某一个按钮 或某个需要点击的效果。类似这样

　　

　　但是后来发现 如果有很多类似的特点可以操作按钮 我们可以使用事件委托来写。无论以后加 还是减 都可以绑定事件

　　

　　如图所示 我以前会在a里面 写上类似onclick 的事件。 可是我发现可以使用 事件委托

　　我将事件绑定到最外面的 table上面 意思就是table里面都可以触发事件 我们可以单独制定 某些DOM需要发生的事件。

　　

　　我们只需要判断 nodeName节点名称 目标节点的类名 等等 你再进行一系列的操作。

2. 事件委托的问题　　

　　在使用事件委托我也遇到问题 比如

　　

　　

　　这里我们需要 target来获取 当前 用户管理 下面的字内容 所以我们需要先 将target转换为jquery对象。

　　$(target).siblings(".tree_folder_content"); //同集元素集合里面的指定元素

　　

3. 伪元素的 作用

　　   

 

　　这里我用 伪元素来画出连接 子元素的树形线。注意这里的 伪元素写法。

　　position: absolute; 是根据上级里面的定位元素 如果我们只写 top left 它只会相对于那一个点来移动。 要想显示整个高度 必须加上bottom。就像我们布局一样。

　　如果我们 position: absolute; top left right bottom 都为0 的话。 那么就会布满整个屏幕 如果增加某个 方向的值 就会相应减少 高度。这里也是一样。