jquery 选择器

时间：2017-12-09 15:57:57 阅读：178 评论：0 收藏：0 [点我收藏+]

一、基本选择器

　　ID选择器 $("#id")

　　标签选择器 $("ele")

　　类选择器 $(".classname")

　　通配选择器 $("*")

　　组选择器 $("select1,select2")

二、层级选择器

1.包含选择器：$(“a b”)在给定的祖先元素下匹配所有后代元素（不受层级限制）

1       $(function(){
2          $("#box,.pox").css("background","cyan");
3      })

2.子选择器：$(“parent>child”)在给定的父元素下匹配所有子元素。

1    $(function(){
2          $("#box>p").css("background","green");
3      })

3.相邻选择器：$(“prev + next”)匹配所有紧接在prev元素后的next元素。

      $(function(){
         $(".pox+p").css("background","blue");
     })

4.兄弟选择器：$(“prev ~ siblings”)匹配prev元素之后的所有sibling元素

    $(function(){
         $("#box .pox~p").css("background","yellow");
 
     })

三、伪类选择器（从 1 开始记）

　　:first 匹配找到的第1个元素

　　:last 匹配找到的最后一个元素

　　:eq() 匹配一个给定索引值的元素【定哪个就从那个以后算】

　　:even 匹配所有索引值为偶数的元素【1为偶数】

　　:odd 匹配所有索引值为奇数的元素

　　:gt(index) 匹配所有大于给定索引值的元素【大于+1】

　　:lt(index) 匹配所有小于给定索引值的元素【含自身】

　　:not 去除所有与给定选择器匹配的元素

原文地址：http://www.cnblogs.com/Makeprogresstogether/p/8011476.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行