jQuery-2.鼠标焦点事件、节点操作、遍历元素、效果

$(document).ready(function() {
    // 当输入框获得焦点时，给出提示
    $('#input-field').focus(function() {
        $(this).attr('placeholder', '开始输入...');
    });
 
    // 当输入框失去焦点时，去除提示
    $('#input-field').blur(function() {
        $(this).attr('placeholder', '请输入关键词');
    });
 
    // 当按钮被点击时，隐藏或显示下面的列表
    $('#toggle-btn').click(function() {
        $('#list').toggle();
    });
 
    // 当列表中的任何一个项被点击时，将点击的文本添加到输入框
    $('#list li').click(function() {
        var text = $(this).text();
        $('#input-field').val(text);
    });
 
    // 当用户按下键盘上的 Enter 键时，执行提交表单的操作
    $('#input-field').keydown(function(event) {
        if (event.which === 13) { // 13 是 Enter 键的键码
            $('#search-form').submit();
        }
    });
});

这段代码为一个搜索框添加了焦点事件、节点操作、元素遍历和键盘事件的处理，使得用户体验更加流畅。