本文实例讲述了jQuery 隐藏/显示效果函数用法。分享给大家供大家参考,具体如下:
jQuery 效果- 隐藏和显示
jQuery hide() 和 show()
通过 jQuery,您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素:
$("#hide").click(function(){ $("p").hide(); }); $("#show").click(function(){ $("p").show(); });
语法:
$(selector).hide(speed,callback); $(selector).show(speed,callback);
- 可选的 speed 参数规定隐藏/显示的速度,可以取以下值:"slow"、"fast" 或毫秒。
- 可选的 callback 参数是隐藏或显示完成后所执行的函数名称。
下面的例子演示了带有 speed 参数的 hide() 方法:
$("button").click(function(){ $("p").hide(1000); });
下面的例子演示了带有 speed 参数的 hide() 方法,并使用回调函数:
$(document).ready(function(){ $(".hidebtn").click(function(){ $("div").hide(1000,"linear",function(){ alert("Hide() 方法已完成!"); }); }); });
- 第二个参数是一个字符串,表示过渡使用哪种缓动函数。(译者注:jQuery自身提供"linear" 和 "swing",其他可以使用相关的插件)。
jQuery toggle()
通过 jQuery,可以使用 toggle() 方法来切换 hide() 和 show() 方法。
显示被隐藏的元素,并隐藏已显示的元素:
$("button").click(function(){ $("p").toggle(); });
语法:
$(selector).toggle(speed,callback);
- 可选的 speed 参数规定隐藏/显示的速度,可以取以下值:"slow"、"fast" 或毫秒。
- 可选的 callback 参数是隐藏或显示完成后所执行的函数名称。
对于可选的 callback 参数,有以下几点说明:
1.$(selector)选中的元素的个数为n个,则callback函数会执行n次;
2.callback函数名后加括号,会立刻执行函数体,而不是等到显示/隐藏完成后才执行;
3.callback既可以是函数名,也可以是匿名函数;
$(selector) 选中的元素的个数为 n 个,则 callback 函数会执行 n 次。
对于这里,当 callback 函数加上括号时,函数立即执行,只会调用一次, 如果不加括号,元素显示或隐藏后调用函数,才会调用多次。
感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。
更多关于jQuery相关内容还可查看本站专题:《jQuery动画与特效用法总结》、《jQuery切换特效与技巧总结》、《jQuery扩展技巧总结》、《jQuery常用插件及用法总结》、《jQuery拖拽特效与技巧总结》、《jQuery表格(table)操作技巧汇总》、《jQuery常见经典特效汇总》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
RTX 5090要首发 性能要翻倍!三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB,每个模块容量为2GB。其速度预设为32 Gbps(PAM3),但也可以降至28 Gbps,以提高产量和初始阶段的整体性能和成本效益。
据三星表示,GDDR7内存的能效将提高20%,同时工作电压仅为1.1V,低于标准的1.2V。通过采用更新的封装材料和优化的电路设计,使得在高速运行时的发热量降低,GDDR7的热阻比GDDR6降低了70%。
更新日志
- StockfischRecords老虎鱼《TheBassfaceSwingTrioplaysGershwin贝斯脸摇摆三重奏向格什温致敬》
- 李克勤.2008-你的克勤演奏厅3CD(2024环球红馆40复刻系列)【环球】【WAV+CUE】
- 黄凯芹.2002-Long.Time.No.See演唱会3CD(2024环球红馆40复刻系列)【环球】【WAV+CUE】
- 谭咏麟李克勤.2004-左麟右李04开心演唱会3CD(2024环球红馆40复刻系列)【环球】【WAV+CUE】
- 群星《原唱流行经典名曲》5CD[WAV分轨][2.9G]
- 纵贯线《全线通车》[APE/FLAC][365M]
- 乌兰托娅《八月草儿飞HQⅡ》头版限量编号[低速原抓WAV+CUE][585M]
- 达人艺典娜仁其木格《家园》MQA头版限量编号24K金碟[低速原抓WAV+CUE]
- 达人艺典-《琴歌终极版》[MQA头版限量编号24K金碟][低速原抓WAV+CUE]
- 雷婷《一生所爱HQ》头版限量[低速原抓WAV+CUE]
- 卢冠廷.1991-卢冠廷90演唱会2CD(2024环球红馆40复刻系列)【环球】【WAV+CUE】
- 蔡依林.1999-JOLIN1019.2CD【环球】【WAV+CUE】
- 王俪婷.2011-ROMANCE【华研国际】【WAV+CUE】
- 王闻《万千宠爱HQ》头版限量编号[低速原抓WAV+CUE]
- 吴克群2008-举世吴双新歌+精选CD01[种子音乐][WAV+CUE]