JQuery学习日志1-选择器

 JQuery是一个很强大很Popular的JS框架，不能不学。

JQuery的选择器规则跟CSS差不太多，可能稍微复杂点儿。

 

最简单的，选择一类标签：

   1: $("div"); //选择div标签

 

   2: $("div span"); //选择div下的所有span标签

 

   3: $("form>input"); //选择form下的子标签input

 

   4: $("form+input");//选择紧跟在form下的标签input

 

   5: $("form~input"); //选择form标签下所有与input标签同级的元素

 

 

这儿还有一些：

   1: $("*"); //匹配所有元素

 

   2: $(".myClass"); //匹配所有class属性为myClass的元素

 

   3: $("#myId"); //匹配所有id属性为myId的元素

 

   4: $("div,span,p.myClass"); //复合匹配

 

还有一些简单的匹配函数：

   1: $("div:not(.myClass)"): //匹配class属性不是myClass的div标签

 

   2: $(":header"); //匹配如 h1, h2, h3之类的标题元素

 

   3: $("div span:last"); //匹配找到的最后一个span

 

   4: $("div span:first"); //匹配找到的第一个span

 

   5: $("div span:gt(0)"); //匹配在div中找到的span的索引值大于0的元素

 

   6: $("div span:lt(1)"); //匹配在div中找到的span的索引值小于1的元素

 

   7: $("div span:odd"); //匹配所有索引值为奇数的span，从 0 开始计数

 

   8: $("div span:even"); //匹配所有索引值为偶数的span，从 0 开始计数

 

   9: $("div span:eq(1)"); //匹配索引值为1（即第二个）span

 

  10: $("div:animated"); //匹配所有正在执行动画效果的元素

 

累了，今天先写这么多吧。。：）