有联系的jQuery选择器

1、包含关系

 

2、相邻关系

//JavaScript
$(document).ready(function () {
            $(".studentName + div").hide();

            $(".studentName").click(function () {
                $(".studentName + div").hide(600);
                $("+div", this).show(600);
            });

        });

<style type ="text/css">
        .studentName{ padding:5px; background-color:#058dfe; cursor:pointer;
                      }
        .studentName+div{ border-bottom:1px solid gray;  padding:10px;}
        .studentName+div span{ margin:10px;}
    
    </style>