jQuery选择元素

1、jQuery包装的CSS选择器

  $(" p a.speciaClass")   

2、子选择器(个人简单的认为:就是在jQuery选择器里面加上了一个">"操作符,再具有一新的特性)   

  $("ul#myList>li>a").fadeOut();

3、特性选择器(个人简单的认为:就是在jQuery选择器里面有"[""]"操作符,再具有一新的特性)

  $("a[href^=http]").fadeOut();    所有以http打头的A

  $("a[href*=pdf]").fadeOut();  所有以pdf结尾的A

4、容器选择器(个人简单的认为:就是在jQuery选择器里面有":"操作符,后面根的是一些条件,再具有一新的特性)

  $("li:has(a)").fadeOut();

  1、":"后面接has ,或者是not    有或者是没有的条件,此处特别强调是has(),not(),括号里面包括的是CSS选择器可以选择的集合。

  2、":"后面接要选择的位置。如,first,odd  ,第一,偶数位,等的条件。

  

5、":"后面直接跟html元素的属性,如checked,即自定义选择器,

    $(":checkbox:checked").fadeOut();

 

复杂一点的就是这个选择器的混合使用。 

 

posted @ 2012-03-30 20:42  蕭慶蘋  阅读(187)  评论(0编辑  收藏  举报