$(selector).slice(start, [end])

// 不推荐
$('li').slice(0, 5).click(function() {
    console.log('Clicked');
});

// 推荐 - 使用事件委托
$(document).on('click', 'li:lt(5)', function() {
    console.log('Clicked');
});

// 静态绑定 - 对新添加元素无效
$('.item').click(function() {
    console.log('Clicked');
});

// 动态绑定 - 对新添加元素有效
$(document).on('click', '.item', function() {
    console.log('Clicked');
});

var $items = $('.item');
var endIndex = Math.min(5, $items.length);
$items.slice(0, endIndex).addClass('highlight');

// 选择前5个列表项并添加点击事件
$('li').slice(0, 5).click(function() {
    $(this).toggleClass('active');
});

// 选择所有偶数索引的可见元素中的前3个
$('div:visible').filter(':even').slice(0, 3).css('background', 'yellow');

// 为容器内的所有当前和未来的按钮绑定点击事件
$('#container').on('click', 'button', function() {
    alert('Button clicked!');
});

// 动态添加按钮
$('#container').append('<button>New Button</button>');

var itemsPerPage = 5;
var currentPage = 0;
var $allItems = $('.item');

function showPage(page) {
    var start = page * itemsPerPage;
    $allItems.hide().slice(start, start + itemsPerPage).show();
}

// 初始显示第一页
showPage(0);

// 下一页按钮点击
$('#next').click(function() {
    if ((currentPage + 1) * itemsPerPage < $allItems.length) {
        currentPage++;
        showPage(currentPage);
    }
});

// 上一页按钮点击
$('#prev').click(function() {
    if (currentPage > 0) {
        currentPage--;
        showPage(currentPage);
    }
});