~选中的是下面相邻的指定同辈元素。关键字为下面，相邻，同辈。 -慕课网

                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础课程

~选中的是下面相邻的指定同辈元素。关键字为下面，相邻，同辈。

土豆坏了

2014-10-20

源自：jQuery基础课程 2-9

关注问题我要回答

477

操作

收起

2 回答

rollFowa
2014-10-20

下面是效果。哎呦，不会用代码快照，还真麻烦

0 回复有任何疑惑可以回复我~

收起回答

rollFowa
2014-10-20

不仅仅相邻，只要下面的，同级就行。不知道代码快照怎么粘贴进来，只能源代码了。

<!DOCTYPE html>
<html>
<head>
    <title>prev ~ siblings选择器</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>

</head>
<body>
    <div>
        码农家族
        <label></label>
        <p id="a"></p>
        <label></label>
        <label></label>
        <p id="b">包含我吗</p>
        <label></label>
    </div>
    <label></label>
</body>
<script type="text/javascript">
    $("#a~label").css("border", "solid 1px red");
    $("#a~label").html("我们都是p先生的粉丝");
</script>
</html>

div, #a,#b, label
        {
            float: left;
            border: solid 1px #ccc;
            margin: 5px;
            padding: 5px;
        }
        #a,#b,label
        {
            width:230px;
            height:30px;
        }
        #a
        {
            border: solid 1px red;
        }