jQuery是一个JavaScript库,它提供了一种简单的方式来选择元素,以便对它们进行操作。jQuery提供了多种不同的选择器,每种选择器都有自己的用途。
基本选择器
基本选择器是最常用的选择器,它们可以用来选择元素,并对其进行操作。
$("*")
:选择所有元素$(this)
:选择当前元素$("p")
:选择所有的元素
$(".class")
:选择所有class等于“class”的元素$("#id")
:选择id等于“id”的元素
层次选择器
层次选择器可以用来选择某个元素的子元素或者父元素。
$("parent > child")
:选择父元素为parent的所有child元素$("ancestor descendant")
:选择所有ancestor元素的descendant元素$("prev + next")
:选择紧接在prev元素后面的next元素$("prev ~ siblings")
:选择prev元素之后的所有siblings元素
过滤选择器
过滤选择器可以用来从一组元素中筛选出满足特定条件的元素。
$(":first")
:选择第一个元素$(":last")
:选择一个元素$(":even")
:选择偶数元素$(":odd")
:选择奇数元素$(":not(selector)")
:选择不符合selector条件的元素$(":contains('text')")
:选择包含文本“text”的元素$(":empty")
:选择不包含子元素的元素$(":hidden")
:选择隐藏的元素$(":visible")
:选择可见的元素
属性选择器
属性选择器可以用来选择具有特定属性的元素。
$("[attribute]")
:选择具有attribute属性的元素$("[attribute=value]")
:选择attribute属性等于value的元素$("[attribute!=value]")
:选择attribute属性不等于value的元素$("[attribute^=value]")
:选择attribute属性值以value开头的元素$("[attribute$=value]")
:选择attribute属性值以value结尾的元素$("[attribute*=value]")
:选择attribute属性值包含value的元素
子元素选择器
子元素选择器可以用来选择某个元素的子元素。
$("parent > child")
:选择parent元素的所有直接子元素child$("parent > *")
:选择parent元素的所有直接子元素$("parent > > child")
:选择parent元素的所有子孙元素child$("parent > > *")
:选择parent元素的所有子孙元素
表单元素选择器
表单元素选择器可以用来选择特定类型的表单元素。
$(":input")
:选择所有表单元素$(":text")
:选择所