过滤选择器：

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

二、事件

jQuery的事件处理功能也是其重要的特点之一。通过事件，我们可以实现用户与网页的互动，例如点击按钮、输入表单等，下面是一些常用的事件处理示例：

$(document).ready(function(){
    //点击按钮时改变文本颜色
    $("button").click(function(){
        $("p").css("color", "blue");
    });
});

鼠标事件：

$(document).ready(function(){
    //鼠标移入元素时改变背景色
    $("div").mouseenter(function(){
        $(this).css("background-color", "pink");
    });
});

表单事件：

$(document).ready(function(){
    //提交表单时弹出提示框
    $("form").submit(function(){
        alert("Form submitted!");
    });
});

三、动画效果

除了事件处理外，jQuery还提供了丰富的动画效果，可以让网页变得更加生动和吸引人。以下是一些常用的动画效果示例：

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

滑动效果：

$(document).ready(function(){
    //点击按钮向下滑动显示隐藏元素
    $("button").click(function(){
        $("div").slideDown();
    });
});

自定义动画：

$(document).ready(function(){
    //点击按钮自定义动画
    $("button").click(function(){
        $("div").animate({
            width: "toggle",
            height: "toggle"
        }, 1000);
    });
});