jquery基本选择器和层级选择器

jquery基本选择器分类：

1、#id  示例：$(“#box”).css(“color”,”red”);    返回：单个元素组成的集合

       注意：一张页面中id不能重复

2、element  示例：$(“div”).css(“color”,”red”);   返回：集合

3、.class   示例：$(“.box”).css(“color”,”red”);      返回：集合

4、*      示例：$(“*”)      返回：集合

5、selector1,selector2,selectorN    示例：$(“#box,.title”)      返回：集合

6、selector1.selector2     示例：$("div.first")

其他的注意点：

jQuery 对象中元素的个数：$(“div”).size();

jQuery 对象中元素的个数：$("img").length;

返回#bar元素在同辈中的索引值：$('#bar').index(); 

$(“div”).eq(1).css(“color”,”red”);

层级选择器

jquery层级选择器分类：

ancestor descendant     示例：$(“div  span”)      

      说明：匹配给定元素的后代元素 

parent > child                  示例：$(“div >span”)      

      说明：匹配给定元素的儿子元素 

prev + next                       示例：$(“label+input”)      

      说明：匹配紧接在prev元素后面的next元素 

prev ~ siblings                  示例：$(“div~span”)      

      说明：匹配prev元素后面的同辈元素,注意和jQuery的方法siblings()区分