css3，js,jquery选择器前端学习

我们做web的时候选择都是在html页面标签上进行的，将html页面的整个结构看成一个dom树，我们用css对书上的节点进行装饰，js通过事件驱动操作各种特效和响应，其中选择其中的节点是很重要的，总结一下选择的操作。

css：
在css实战上说的很细了
如图：

js的选择器：

getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用。

getElementsByClassName() 方法返回文档中所有指定类名的元素集合，作为 NodeList 对象。

getElementsByTagName() 方法可返回带有指定标签名的对象的集合。

getElementsByName() 方法可返回带有指定名称的对象的集合。

jquery的选择器：
继续上图，书上的内容学好了，可以少走很多弯路，你觉得很难的东西人家，可能已经提供了简单方法。

还有一些感觉不常用就不截图了。
下面我自己写了
场景获取ul标签里面li标签下面a标签里面的内容，根据其内容做判断控制ul展开或者闭合。
代码：

js代码：

console.log("----------left control start------------");

console.log(window.location.pathname)
var url = window.location.pathname;

var arr = url.split("/");
var link1 = arr[arr.length-1];
console.log("----这个是链接的-------");
console.log(link1);
$(function(){

    var arrid = ["test1","test2","test3"]

    for(var i = 0 ;i