使用 jQuery，第 2 部分: 构建未来的 Web 应用程序

核心提示： Event 模块的最后两个方法 mouseover(fn) 和 mouseout(fn) 目前在很多 Web 站点上都很常见，它们常被用来显示悬浮帮助、图片显示所需的相框和基于鼠标指针所在位置而发生的颜色改变，使用 jQuery，第 2 部分: 构建未来的 Web 应用程序(4)，JQuery

Event 模块的最后两个方法 mouseover(fn) 和 mouseout(fn) 目前在很多 Web 站点上都很常见。它们常被用来显示悬浮帮助、图片显示所需的相框和基于鼠标指针所在位置而发生的颜色改变。JQuery 认识到这两个函数还将很常用，但很多人都不能正确使用它们，这就导致很多错误。人们并不是有意要将 bug 引入其代码，而是自己不会编写嵌套组件或应对其他复杂情况的代码。因此，jQuery 向 Event 模块添加了一个新方法来替代这两个函数，这个方法就是 hover(fn1, fn2) 函数。

清单 2. jQuery 的 Hover 方法

　　　
//　This　demonstrates　the　hover()　function　as　implemented　by　jQuery.　You　define　two　
//　functions:　what　happens　when　the　mouse　moves　over　the　specified　element　
//　and　what　happens　when　the　mouse　moves　off　the　element.　
//　In　this　example,　each　row　in　a　table　will　get　a　red　background　when　
//　the　mouse　moves　over　it　and　a　white　background　when　the　mouse　leaves.　
$("tr").hover(function(){　
　　$(this).css("background","#0000ff");　
},　
function(){　
　　$(this).css("background","#ffffff");　
});

属性

页面交互性的一个体现就是它从页面的某个区域获得信息并将信息传送到其他位置的能力。这可以很具体，比如从一个文本字段获得信息后将信息放入一个表内；也可以很宽泛，比如从一个组合框获得信息后将信息传给服务器，然后将服务器的响应再放入另外一个不同的组合框内。交互性的核心就是页面信息的传递。

编缉推荐阅读以下文章

• 使用 jQuery，第 3 部分: 用 jQuery 和 Ajax 构建富 Internet 应用程序
• 使用 jQuery，第 1 部分: 将桌面应用程序引入浏览器