2017-6-3JQuery 选择器

Posted 2020-09-21 Fengbao.2333

 

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("选择器")")