jquery选择器

Posted 2020-10-09 眼泪，还是流了

1.分类

1.1类css选择器

基本选择器

层次选择器

属性选择器

1.2过滤选择器

基本过滤选择器

可见性选择器

2.基本选择器

$(“标签名”)； //标签选择器

$(“id值”)； //标签选择器

$(“class值”)； //class选择器

$(选择器1，选择器2，...)； //并集选择器

$(选择器1选择器2)； //交集选择器

$(“*”)； //全局选择器

3.层次选择器

$(“父标签 子标签”)； //后代选择器

$(“父标签>子标签”)； //子选择器

$(“标签1+标签2”)； //相邻选择器

$(“标签1~标签2”)； //兄弟选择器

4.属性选择器

$([属性名]); //有次属性的元素

$([属性名=’属性值’]); //符合属性名=’属性值’的元素

$([属性名！=’属性值’]); //除了符合属性名！=’属性值’的元素之外的所有元素

$([属性名^=’字符’]); //属性值以字符开头的元素

$([属性名$=’字符’]); //属性值以字符结尾的元素

$([属性名*=’字符’]); //属性值包含字符的元素

$([选择器1][选择器2][选择器3]); //复合型属性选择器

5.基本过滤选择器

:first //第一个元素

:last //最后一个元素

:eveno //下标是偶数的元素（下标从0开始）

:odd //下标是奇数的元素

:eq(下标) //指定下标的值的元素

:gt(下标) //下标大于指定下标的值的元素

:lt(下标) //下标小于指定下标的值的元素

:header //h1~h6

:not(选择1) //除了符合选择1的元素是所有元素

:focus //获得焦点的元素

6.过滤性选择器

:hidden //隐藏的元素

:visible //显示的元素

补充：jquery方法

  hide(); //隐藏元素

  show(); //显示元素