JQuery-JavaScript代码库-语法事件篇—我耀学IT

// 确保DOM完全加载完成
$(document).ready(function() {
    // 为按钮添加点击事件
    $("#myButton").click(function() {
        // 在控制台输出信息
        console.log("按钮被点击了！");
    });
 
    // 为输入框添加键盘按下事件
    $("#myInput").keydown(function(event) {
        // 检查是否按下了回车键（Enter）
        if (event.which === 13) {
            // 输入框的值
            var inputValue = $(this).val();
            // 在控制台输出输入框的值
            console.log("输入的内容是：", inputValue);
        }
    });
 
    // 为下拉列表添加改变选项事件
    $("#mySelect").change(function() {
        // 获取选中的选项值
        var selectedValue = $(this).val();
        // 在控制台输出选中的值
        console.log("选中的值是：", selectedValue);
    });
});

这段代码使用jQuery为三个不同的元素添加了事件处理器：按钮点击、输入框键盘按下和下拉列表选项改变。每个事件处理器都在对应的事件触发时在控制台输出相应的信息。这是一个简单的示例，展示了如何在实际应用中使用jQuery处理用户的交互事件。