您的位置:首页 > Web前端 > JQuery

jQuery选择元素

2012-03-30 20:42 281 查看
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();

复杂一点的就是这个选择器的混合使用。 
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: