jquery选择器

Posted 眼泪,还是流了

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery选择器相关的知识,希望对你有一定的参考价值。

1.分类

1.1css选择器

基本选择器

层次选择器

属性选择器

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(); //显示元素

以上是关于jquery选择器的主要内容,如果未能解决你的问题,请参考以下文章

jquery选择器都有哪些

[ jquery 选择器 总览 ] jquery选择器总览

jQuery ---[jQuery选择器,jQuery对象的遍历]

jQuery选择器

jQuery选择器概述

jQuery选择器介绍:基本选择器层次选择器过滤选择器表单选择器