jQ选择器小总结

一、id选择器：一个用来查找的ID，即元素的id属性
id选择器也是基本的选择器，jQuery内部使用JavaScript函数document.getElementById()来处理ID的获取。原生语法的支持总是非常高效的，所以在操作DOM的获取上，如果能采用id的话尽然考虑用这个选择器

二、类选择器，顾名思义，通过class样式类名来获取节点。相对id选择器来说，效率相对会低一点，但是优势就是可以多选。

三、元素选择器：根据给定（html）标记名称选择所有的元素通过getElementsByTagName方法得到页面所有的

元素var divs = document.getElementsByTagName(‘div’);

var divs = document.getElementsByTagName('div');
    for (var i = 0; i < divs.length; i++) {
        divs[i].style.border = "3px solid blue";
    }

同样的效果，$(“p”)选取所有的 p元素，通过css方法直接赋予样式

$("p").css("border", "3px solid red");

四、全选择器（*选择器）

var elements1 = document.getElementsByTagName('*');

//获取页面中所有的元素
 var elements2 = $("*");
 //原生与jQuery方法比较
//===表示数据和类型都相等
 if(elements2.length === elements1.length){
 elements2.css("border","1px solid red");
 }

五、层选择器

1.层级选择器都有一个参考节点
2.后代选择器包含子选择器的选择的内容
3.一般兄弟选择器包含相邻兄弟选择的内容
4.相邻兄弟选择器和一般兄弟选择器所选择到的元素，必须在同一个父元素下