//选择 body内的所有div元素.
            $("#btn1").click(function() {
                $("body div").css("background-color", "aqua");
            });
            //在body内,选择子元素是div的。
            $("#btn2").click(function() {
                $("body>div").css("background-color", "#ffffff");
            });
            //选择 所有class为one 的下一个div元素.
            $("#btn3").click(function() {
                $(".one").next("div").css("background-color", "red");
            });
            //选择 id为two的元素后面的所有div兄弟元素.
            $("#btn4").click(function() {
                $("#two~div").css("background-color", "blue");
            });

//选取含有文本"di"的div元素.
            $("#btn1").click(function() {
                $("div:contains('di')").css("background-color", "#fdeecc");
            });
            //选取不包含子元素(或者文本元素)的div空元素.
            $("#btn2").click(function() {
                $("div:empty").css("background-color", "red ");
            });
            //选取含有class为mini元素 的div元素.
            $("#btn3").click(function() {
                $("div:has('.mini')").children(".mini").css("background-color", "blue");
                //$("div:[class = 'mini']").css("background-color", "blue ");
            });
            //选取含有子元素(或者文本元素)的div元素.
            $("#btn4").click(function() {
                $("div:parent").css("background-color", "orange ");
            });

//选取每个class为one的div父元素下的第2个子元素
            $('#btn1').click(function() {
                $("div[class='one'] :nth-child(2)").css("background-color", "yellow");
            });
            //选取每个class为one的div父元素下的第一个子元素
            $("#btn2").click(function() {
                $("div.one :first-child").css("background-color", "red");
            });
            //选取每个class为one的div父元素下的最后一个子元素
            $("#btn3").click(function() {
                $("div.one :last-child").css("background-color", "blue");
            });
            //如果class为one的div父元素下的仅仅只有一个子元素，那么选中这个子元素
            $("#btn4").click(function() {
                $("div.one :only-child").css("background-color", "orange");
            });

//想知道为什么<a>和<input>里都需要加return false;,而<botton>里不需要吗?
            //因为<a>和<input>的onclick事件本身就包含了form.submit();,如果不加return false;那么实际上submit处理被调用了2次,
            //如果debug的话可以看出来的!
            //而<botton>的onclick事件本身没有包含form.submit();,所以不需要追加return false;来控制2重调用!
            //1对表单内 可用input 赋值操作
            $('#btn1').click(function() {
                $("input:enabled").val("曾共清辉枕山川");
                return false;
            });
            //2对表单内 不可用input 赋值操作.
            $('#btn2').click(function() {
                $("input:disabled").val("袖侧旧友推一盏");
                return false;
            });
            //3点击多选框时，找到索引值为0的div展示多选框选中的个数
            $("input[type=checkbox]").click(function() {
                var count = $("input[type=checkbox]:checked").length;
                $("div:eq(0)").html("<b>有" + count + "个多选框被选中了</b>");
            });
            //4点击下拉列表时，找到索引值为1的div展示每个下拉列表选中的文本信息展示
            $("select").change(function() {
                var str = "";
                $("select").children("option:selected").each(function(index, domEle) {
                    str += $(domEle).text() + "、";
                });
                $("div:eq(1)").html("<b>你选择的是：" + str + "</b>");
            });