jQuery选择器是非常强大和灵活的工具,它允许我们通过不同的方式选取和操作文档中的元素。其中之一是选择同级元素,我们可以使用各种不同的选择器来实现这个目标。
// 选取同级元素中第一个p标签$("p:first");// 选取同级元素中最后一个p标签$("p:last");// 选取同级元素中所有的p标签$("p");// 选取同级元素中索引为2的p标签$("p:eq(2)");// 选取同级元素中有类名为“highlight”的p标签$("p.highlight");// 选取同级元素中没有类名为“highlight”的p标签$("p:not(.highlight)");// 选取同级元素中包含文本“jQuery”的p标签$("p:contains(jQuery)");// 选取同级元素中不包含文本“jQuery”的p标签$("p:not(:contains(jQuery))");// 选取同级元素中所有第一个子元素为h3的p标签$("p > h3:first-child");
这些是一些常用的同级元素选择器,它们非常有用,可用于不同的场景。不仅如此,jQuery还支持自定义选择器,可以轻松地根据自己的需求创建新的选择器。