03、JQuery（选择器）

一、id选择器

　　$("#test")；

二、类选择器

　　$(".test");

三、Jquery中样式设置和DOM中样式设置的区别

原生javascript实现边框样式	JQuery实现边框样式
var divs = document.getElementsByClassName('aaron'); 　　for(var i=0;i<divs.length;i++){ 　　　　divs[i].style.border = "3px solid blue"; 　　}	$(".aaron").css("border", "3px solid red"); JQuery中不需要for循环，因为已经内置

四、元素选择器

1、原生DOM操作：

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

2、JQuery选择：

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

五、全选择器

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

　　var elements2 = $("*") ;
　　
　　//===表示数据和类型都相等
　　if(elements2.length === elements1.length){
　　　　elements2.css("border","1px solid red");
　　}

 

注意事项：

1. :eq(), :lt(), :gt(), :even, :odd 用来筛选他们前面的匹配表达式的集合元素，根据之前匹配的元素在进一步筛选，注意jQuery合集都是从0开始索引
2. gt是一个段落筛选，从指定索引的下一个开始，gt(1) 实际从2开始