jQuery ~ 同级选择器

jQuer 选择器

通用的同级选择器(~)选择指定元素的所有同级元素。

同级兄弟元素必须具有相同的父元素,但next不必紧接在prev之后

语法:

$("prev ~ next")

示例

选择所有<p>元素,它们是<div>元素的同级元素:

$(document).ready(function(){
  $("div ~ p").css("background", "mediumpurple");
});
测试看看‹/›

参数值

参数描述
prev任何有效的选择器
next一个选择器,用于筛选第一个选择器以下的同级元素

jQuer 选择器