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

jquery选择器

2013-04-23 21:48 211 查看
jQuery选择器分类,总结

①基本选择器

1.根据id匹配元素

2.根据给定的类名匹配元素

3.根据给定的元素名匹配元素

4.匹配所有的元素

5.集合元素,将每个选择器匹配到的元素合并后一起返回

②层次选择器

1.后代元素选择器

2.子元素选择器----(>)

3.相邻元素选择器(紧接在前一个元素之后的选择器)--(+)

4.兄弟元素选择器()——( ~ )

③基本过滤选择器

1.所有div元素中,第一个div(  $("div:first")   )

2.所有div元素中,最后一个div(  $("div:last")   )

3.获取索引是偶数的所有元素,索引从0开始 ( $("div:even")     )

3.获取索引是奇数的所有元素,索引从0开始 ( $("div:odd")     )

4.获取索引等于1的所有元素 ($("div:eq(1)"))

5.获取索引大于1的所有元素 ($("div:gt(1)"))

6.获取索引小于1的所有元素 ($("div:lt(1)"))

7.获取网页中所有的h标签的内容;( $(":header")   )

     ③内容过滤选择器

      1.选取含有文本内容为text的元素

        $(“div:containts(‘内容’)”).css()

       2.选取含有某元素的元素

        $(“div:has(span)”).css();

      ③属性过滤选择器

           1.选取拥有此属性的选择器

             $(“div[class]”).css();

           2.选取属性值为value的元素

              $(“div[class=w]”).css();  

      ③可见性过滤选择器

④表单选择器
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: