---

jQuery UI API 类别 - 选择器（Selectors）文档

什么是选择器？

选择器是jQuery UI库中的一个重要部分，用于选择一个或多个jQuery UI元素并进行操作。

选择器的形式与CSS选择器非常相似，但是jQuery UI选择器提供了更多的功能和选项。通过使用选择器，您可以快速定位和操作您想要的jQuery UI元素。

常用选择器

ID选择器

ID选择器用于选择具有给定ID的jQuery UI元素。在jQuery UI中，ID选择器以#符号开头，后跟元素的ID名称。

例如，如果您要选择具有ID“myElement”的元素，则可以使用以下代码：

$("#myElement");

类选择器

类选择器用于选择具有给定类的jQuery UI元素。在jQuery UI中，类选择器以.符号开头，后跟元素的类名称。

例如，如果您要选择具有类“myClass”的元素，则可以使用以下代码：

$(".myClass");

元素选择器

元素选择器用于选择带有指定元素名称的jQuery UI元素。在jQuery UI中，元素选择器使用元素的名称。

例如，如果您要选择所有的段落元素，则可以使用以下代码：

$("p");

属性选择器

属性选择器用于选择带有指定属性值的jQuery UI元素。在jQuery UI中，属性选择器使用方括号[]包裹属性名，可以选择所有具有该属性值的元素。

例如，如果您要选择所有具有“data-myattribute”属性的元素，则可以使用以下代码：

$("[data-myattribute]");

组合选择器

您还可以组合不同类型的选择器来定位更具体的jQuery UI元素。例如，如果您要选择具有“myClass”类并且具有ID“myElement”的元素，您可以使用以下组合选择器：

$("#myElement.myClass"); 

过滤选择器

过滤选择器用于在选择中筛选jQuery UI元素。例如，您可以使用:first选择器选择第一个元素，或者使用:even选择器选择所有偶数元素。

以下是一些常见的过滤选择器：

• :first - 选择第一个元素。例如，$("p:first")
• :last - 选择最后一个元素。例如，$("p:last")
• :even - 选择偶数元素。例如，$("tr:even")
• :odd - 选择奇数元素。例如，$("tr:odd")
• :eq(index) - 选择具有给定索引值的元素。例如，$("div:eq(2)")选择第三个div元素
• :gt(index) - 选择具有大于给定索引值的元素。例如，$("div:gt(2)")选择除前三个div元素之外的所有div元素

此外，还有许多其他过滤选择器可用于定位特定的jQuery UI元素。

总结

选择器是定位和操作jQuery UI元素的关键部分。您可以使用ID选择器、类选择器、元素选择器和属性选择器来选择您想要的元素。还可以将这些选择器组合在一起，以便更准确地定位元素。最后，您可以使用过滤选择器来进一步筛选选择的元素。熟练掌握选择器对于在jQuery UI中创建动态和交互式界面至关重要。