過(guò)濾選擇器：

$(document).ready(function(){
    //選取第一個(gè)
元素
    $("p:first").addClass("first");
    
    //選取最后一個(gè)元素
    $("div:last").addClass("last");
});

二、事件

jQuery的事件處理功能也是其重要的特點(diǎn)之一。通過(guò)事件，我們可以實(shí)現(xiàn)用戶與網(wǎng)頁(yè)的互動(dòng)，例如點(diǎn)擊按鈕、輸入表單等，下面是一些常用的事件處理示例：

$(document).ready(function(){
    //點(diǎn)擊按鈕時(shí)改變文本顏色
    $("button").click(function(){
        $("p").css("color", "blue");
    });
});

鼠標(biāo)事件：

$(document).ready(function(){
    //鼠標(biāo)移入元素時(shí)改變背景色
    $("div").mouseenter(function(){
        $(this).css("background-color", "pink");
    });
});

表單事件：

$(document).ready(function(){
    //提交表單時(shí)彈出提示框
    $("form").submit(function(){
        alert("Form submitted!");
    });
});

三、動(dòng)畫(huà)效果

除了事件處理外，jQuery還提供了豐富的動(dòng)畫(huà)效果，可以讓網(wǎng)頁(yè)變得更加生動(dòng)和吸引人。以下是一些常用的動(dòng)畫(huà)效果示例：

$(document).ready(function(){
    //鼠標(biāo)移入淡入效果
    $("div").mouseenter(function(){
        $(this).fadeIn();
    });
    
    //鼠標(biāo)移出淡出效果
    $("div").mouseleave(function(){
        $(this).fadeOut();
    });
});

滑動(dòng)效果：

$(document).ready(function(){
    //點(diǎn)擊按鈕向下滑動(dòng)顯示隱藏元素
    $("button").click(function(){
        $("div").slideDown();
    });
});

自定義動(dòng)畫(huà)：

$(document).ready(function(){
    //點(diǎn)擊按鈕自定義動(dòng)畫(huà)
    $("button").click(function(){
        $("div").animate({
            width: "toggle",
            height: "toggle"
        }, 1000);
    });
});