7、jQuery 技术实战：从选择器到事件处理的全面解析

jQuery 技术实战：从选择器到事件处理的全面解析

1. jQuery 选择器与方法基础

在 jQuery 中，选择器和方法是实现网页交互的重要基础。首先，我们来了解 this 和 $(this) 的区别。在 JavaScript 里， this 指向我们在代码中要操作的 DOM 元素。而 $(this) 则是将 this 封装在 jQuery 的包装器中，这样我们就可以使用 jQuery 方法来与 DOM 元素进行交互。

例如，在下面的代码中：

$("#myImg").click( function(){
    $(this).slideUp();
});

当用户点击 id 为 myImg 的元素时， $(this) 指向被点击的这个元素，然后调用 slideUp 方法将其向上滑动隐藏。这里的 click 和 slideUp 都是 jQuery 方法，方法就像是动词，用于实现网页上的各种操作。

再看一个更实际的例子，我们要实现一个点击猜盒子获取随机折扣的功能：

<script type="text/javascript">