learning jQuery 学习笔记五(+jQuery 1.4.1 API)--复合事件
来源:互联网 发布:经济数据公布网站 编辑:程序博客网 时间:2024/05/16 16:20
注:本笔记内容摘自《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");
}
);
- learning jQuery 学习笔记五(+jQuery 1.4.1 API)--复合事件
- learning jQuery 学习笔记六(+jQuery 1.4.1 API)-- 事件捕获+事件冒泡+模仿事件
- learning jQuery 学习笔记四(+jQuery 1.4.1 API)--简单的事件
- learning jQuery 学习笔记二(+jQuery 1.4.1 API)--DOM遍历方法
- learning jQuery 学习笔记七(+jQuery 1.4.1 API)-- 效果-修改内联CSS
- learning jQuery 学习笔记十四(+jQuery 1.4.1 API)-- AJAX ----$.ajax([options])
- learning jQuery 学习笔记十五(+jQuery 1.4.1 API)-- AJAX----load(url, [data], [callback])
- learning jQuery 学习笔记十六(+jQuery 1.4.1 API)-- AJAX----$.get() & $.post()
- learning jQuery 学习笔记十七(+jQuery 1.4.1 API)-- 表格操作----三色交替
- learning jQuery 学习笔记八(+jQuery 1.4.1 API)-- 效果-基本的隐藏、显示和效果
- learning jQuery 学习笔记九(+jQuery 1.4.1 API)-- DOM操作-基于命令改变页面 ----操作属性
- learning jQuery 学习笔记十(+jQuery 1.4.1 API)-- DOM操作-基于命令改变页面 ----插入新元素
- learning jQuery 学习笔记十一(+jQuery 1.4.1 API)-- DOM操作-基于命令改变页面 ----移动元素
- learning jQuery 学习笔记十二(+jQuery 1.4.1 API)-- DOM操作-基于命令改变页面 ----包装元素
- learning jQuery 学习笔记十三(+jQuery 1.4.1 API)-- DOM操作-基于命令改变页面 ----复制元素及其它
- JQuery笔记(五)-事件
- jQuery学习笔记(五)
- jQuery整理笔记五----jQuery事件
- IList List
- Visual C#2005基础与实例教程等在线书藉
- 重庆云计算
- 税率计算公式
- 用javascript控制css中style.height和style.width时应注意px单位问题
- learning jQuery 学习笔记五(+jQuery 1.4.1 API)--复合事件
- 字符编码详解(ASCII ,utf-8,unicode,gbk,gb2312,iso 8859-1等)
- 笨鸟先飞学编程系列之九-C++的模板编程
- Dialogblock一瞥
- Linux 下用 QT 打开摄像头并显示
- 幸福很简单。。。
- CSS实现完美垂直居中
- 笨鸟先飞学编程系列之八 浅析C++的继承与多态性
- location.reload();刷新 当前 页面