首页 > 代码库 > 【2017-6-3】JQuery 选择器

【2017-6-3】JQuery 选择器

 

Jquery 由JS封装的一些方法,供我们调用,可以快速的实现某些JS功能

Jquery就是一个js编写的方法包

 

 

选择器


1、基本选择器
1.1基本
ID选择器        $("#ID名")
Class选择器    $(".Class名")
标签选择器      $("标签名")

1.2组合
并列   用,隔开       $("#ID名,#ID名")
后代   用空格隔开   $(".class名 .class名")

 

 

2、过滤选择器
2.1基本过滤
首个                $(".class名:first")
尾个                $(".class名:last")
等于(任意个)     $(".class名:eq(索引号)")
大于                $(".class名:gt(索引号)")
小于                $(".class名:lt(索引号)")
排除                $(".class名:not(选择器)")
奇数                $(".class名:odd")
偶数(包括索引0) $(".class名:even")

 

2.2属性过滤
属性名过滤             $(".class名:[属性名]")
属性名的值的过滤     $(".class名:[属性名=值]")
                           $(".class名:[属性名!=值]")

 

2.3内容过滤
文字        $(".class名:contains("字符串")")
子元素     $(".class名:has("选择器")")

 

 

 

 

 

 

 

【2017-6-3】JQuery 选择器