learning jQuery 学习笔记五（+jQuery 1.4.1 API）--复合事件

注：本笔记内容摘自《jQuery基础教程》+ jQuery 1.4.1中文参考

.toggle()

jQueryAPI 1.4.1 参考：

返回值:  jQuery   toggle()

概述

        切换元素的可见状态。

        如果元素是可见的，切换为隐藏的；如果元素是隐藏的，切换为可见的。

示例

描述:

        切换所有段落的可见状态。

HTML 代码:

        <p>Hello</p><pstyle="display: none">Hello Again</p>

jQuery 代码:

        $("p").toggle()

结果:

         <ptyle="display: none">Hello</p><p style="display:block">Hello Again</p>

toggle(fn, fn2, [fn3, fn4, ...])代码示例：
$(document).ready(function(){
	$(‘#switcher h3’).toggle(function(){
		$(‘#switcher .button’).addClass(‘hidden’); //hidden为css定义的一个类
},function(){
	$(‘#switcher .button’).removeClass(‘hidden’); //hidden为css定义的一个类
  });
});

toggleClass(class)代码示例：
$(document).ready(function(){
	$(‘#switcher h3’).click(function(){
	      $(‘#switcher .button’).toggleClass(‘hidden’); //hidden为css定义的一个类
        });
});

.hover()

jQueryAPI 1.4.1 参考：

返回值:jQuery     hover(over, out)

概述

        一个模仿悬停事件（鼠标移动到一个对象上面及移出这个对象）的方法。这是一个自定义的方法，它为频繁使用的任务提供了一种“保持在其中”的状态。

当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数。当鼠标移出这个元素时，会触发指定的第二个函数。而且，会伴随着对鼠标是否仍然处在特定元素中的检测（例如，处在div中的图像），如果是，则会继续保持“悬停”状态，而不触发移出事件（修正了使用mouseout事件的一个常见错误）。

参数

over        Function

       鼠标移到元素上要触发的函数

out         Function

        鼠标移出元素要触发的函数

示例

描述:

        鼠标悬停的表格加上特定的类

jQuery 代码:

$("td").hover(

  function () {

   $(this).addClass("hover");

  },

  function () {

   $(this).removeClass("hover");

  }

);