$('#id div');
    $('#id>div');
    $('prev + next');    // 匹配緊接在 prev 元素后的 next 元素
    $('prev ~ sibling');  //找到prev之后的同級(jí)的 sibling 元素


    $('li:first');  //匹配獲取的第一個(gè)元素
    $('li:not(.class)');  //去除所有與給定選擇器匹配的元素
    $('li:even');  //匹配所有索引值為偶數(shù)的元素，從 0 開(kāi)始計(jì)數(shù)
    $('li:odd');   //匹配所有索引值為奇數(shù)的元素，從 0 開(kāi)始計(jì)數(shù)
    $('li:eq(1)');  //匹配一個(gè)給定索引值的元素  從 0 開(kāi)始計(jì)數(shù)
    $('li:last');   //匹配獲取的最后一個(gè)元素

    $('li:empty');  //匹配所有不包含子元素或者文本的空元素
    $('li:has(p)');  //匹配含有p元素標(biāo)簽的li元素
    $('li:parent');  //匹配含有子元素或者文本的元素
    $('li:hidden');  //匹配所有不可見(jiàn)元素，或者type為hidden的元素
    $('li:visible');  //匹配所有可見(jiàn)元素


    $('input[type]');
    $('input[type="text"]');
    $('input[type!="text"]');
    $('input[type^="text"]');
    $('input[type$="text"]');
    $('input[type*="text"]');

    $('li:first-child'); //可以有多個(gè)
    $('li:last-child');
    $('li:nth-child');
    $('li:nth-last-child');
    $('li:first-of-type');  //只能有一個(gè)
    $('li:last-of-type');
    $('li:nth-of-type');
    $('li:nth-last-of-type');


    $(':input');  //匹配所有 input, textarea, select 和 button 元素
    $(':text');   //
    $(':password');
    $(':radio');
    $(':checkbox');
    $(':submit');
    $(':reset');
    $(':hidden');

    //表單對(duì)象屬性
    $('input:enabled');
    $('input:disabled');
    $('input:checked');
    $('input:selected');



    $('div').append($('#id'));   //向指定每個(gè)匹配的元素div內(nèi)部最后追加內(nèi)容#id。
    $('#id').appendTo($('div'));
    $('div').prepend($('#id'));  //向指定每個(gè)匹配的元素div內(nèi)部最前面追加內(nèi)容#id。
    $('#id').prependTo($('div'));


    $('div').after($('#id'));   //在每個(gè)匹配的元素之后插入內(nèi)容。
    $('div').before($('#id'));  //在每個(gè)匹配的元素之前插入內(nèi)容。
    $('div').insertAfter('#id');  //把所有匹配的元素插入到另一個(gè)、指定的元素元素集合的后面
    $('div').insertBefore('#id');  //把所有匹配的元素插入到另一個(gè)、指定的元素元素集合的前面


    $('div').empty();  //刪除匹配的元素集合中所有的子節(jié)點(diǎn)。



    $('div').eq(0);  // 匹配相應(yīng)索引值的dom元素
    $('div').eq(-2);  // 倒數(shù)第幾個(gè)  從1開(kāi)始
    $('div').first();  //獲取第一個(gè)元素
    $('div').last();   //獲取最后一個(gè)元素
    $('div').find('span');  //從div標(biāo)簽中查找span
    $('div').parent('.one');  //查找父元素
    $('div').parent('.one');  //查找滿足條件父級(jí)元素
    $('div').children('.one'); // 查找滿足條件子元素
    $('div').next('.one');  //一個(gè)  同級(jí)
    $('div').nextAll('.one');  //所有  同級(jí)
    $('div').prev('.one');  //一個(gè)  同級(jí)
    $('div').prevAll('.one');  //所有  同級(jí)
    $("p").find("span").end();  //返回上一級(jí)狀態(tài)
    $('div').siblings('.one');  //獲取div元素的類名為one的兄弟元素


    //class類名操作：
    $('div').addClass('cls');
    $('div').removeClass('cls');
    $('div').toggleClass('cls');
    $('div').hasClass('cls');

    //效果：
    $('div').show();
    $('div').hide();
    $('div').fadeIn();
    $('div').fadeOut();
    $('div').fadeTo('speed','opacity','easing',fn);
    $('div').fadeToggle();

    $('div').slideDown();
    $('div').slideUp();
    $('div').slideToggle();

    $('div').animate(
            {
                'height':'300px',
                'width':'300px',
                'opacity':'0.2'
            },
            'slow','linear',function(){
                console.log('finished');
            }
    )

    //屬性設(shè)置
    $('img').attr('title');
    $('img').attr('title','girl');
    $('img').attr({'title':'girl','alt':'beautiful'});
    $('img').removeAttr('title');
    $('input[type = "checkbox"]').prop('checked','true');

    $('div').html();
    $('div').html('<div>hello</div>');

    $('input').val();
    $('input').val('hello');