层级选择器

            div, span, p {

                width: 140px;

                height: 140px;

                margin: 5px;

                background: #aaa;

border: #000 1px soliSEO靠我d;

                float: left;

                font-size: 17px;

                font-family: Verdana;

            }

            div.mini {

                width: 55px;

                height: 55px;

background-coSEO靠我lor: #aaa;

                font-size: 12px;

            }

            div.hide {

                display: none;        /*隐藏该div*/

            }            

$(document).ready(functioSEO靠我n(){        //页面加载完成后

                //为id="btn1"的按钮绑定鼠标点击事件

                $("#btn1").click(function(){

//1.选择 body 内的所有 div 元素 ("boSEO靠我dy div")包括儿子、孙子、重孙子......

                    $("body div").css("background", "#bbffaa");

                });

                //为id="btn2"的按钮绑定鼠标点击事件

$("#btSEO靠我n2").click(function(){

                    //2.在 body 内, 选择div子元素  （"body > div"）只包括儿子。

$("body > div").css("background", SEO靠我"#bbffaa");

                });

                //为id="btn3"的按钮绑定鼠标点击事件

                $("#btn3").click(function(){

//3.选择 id 为 one 的下一个 div 元素 ("#one SEO靠我+ div") 同级别的挨着的下一个div

                    $("#one + div").css("background", "#bbffaa");

                });

                //为id="btn4"的按钮绑定鼠标点击事件

$("#btn4SEO靠我").click(function(){

                    //4.选择 id 为 two 的元素后面的所有 div 兄弟元素（"#two ~ div"）同级别的后面所有div

$("#two ~ div").css("bSEO靠我ackground", "#bbffaa");

                });

            });

层级选择器:根据元素的层级关系选择元素

        ancestor descendant    ：        包括全部子孙后代

parent > chiSEO靠我ld                ：        只包括儿子

        prev + next                    ：        相邻的下一个元素

prev ~ siblings     SEO靠我          ：        同级别的后面所有

    -->

层级选择器

            id 为 one,class 为 one 的div

id为two,class为one,title为test的diSEO靠我v

            包含input的type为"hidden"的div

        ^^span元素^SEO靠我^

</html>