jquery中toggle方法使用例子
来源:才华咖 本文已影响7.46K人
来源:才华咖 本文已影响7.46K人
今天遇到一个有趣的例子,将它记录下来。
一个一级菜单,里边有一个二级菜单,二级菜单是通过锚点来链接页面元素的。想要实现的效果是当点击锚点时,页面链接到相应锚点,同时二级菜单隐藏,再点击一级菜单时,继续执行。。
其中试了很多种方法都不行,最后通过读jquery的toggle函数实现了。
//这样写可以 $("")le(function(){ $("ent")eToggle(); }); //这样写不可以 $("")le(function(){ $("ent")eDown(); },function(){ $("ent")eUp(); }); //这样写也可以 $("")k(function(){ $("ent")le("slow"); });
另附上toggle()的.使用说明
toggle(fn,fn)
每次点击时切换要调用的函数。
如果点击了一个匹配的元素,则触发指定的第一个函数,当再次点击同一元素时,则触发指定的第二个函数。随后的每次点击都重复对这两个函数的轮番调用。
可以使用unbind("click")来删除。
返回值
jQuery
参数
fn (Function) : 第奇数次点击时要执行的函数。
fn (Function) : 第偶数次点击时要执行的函数。
对表格的切换一个类
jQuery 代码:
$("td")le( function () { $(this)lass("selected"); }, function () { $(this)veClass("selected"); } );
补充:toggle只有点击的时候好使,hover只是鼠标移进移出的事件,跟点击没关系。
jQuery中ajax的get()方法运用示例
jQuery中nextAll()方法用法欣赏
jQuery中offset()方法运用示例
如何使用Google-Code-Prettify 实现代码高亮功能
高一英语写作范文:Is It the Only Way Out To Go To College
英语阅读:Feelings of joy and thoughts from joy
商务英语阅读: The growing cult of ‘try before you buy’
让jQuery Mobile不显示loading界面的方法
java.util.ArrayDeque类使用方法介绍
关于jquery插件jTimer(jquery定时器)使用方法
快速入睡的方法The Ways to Get Sleep Quickly高中英语作文
关于jQuery trigger()方法用法介绍
荣耀属于你们The Glory Belongs to You高中英语作文
详细讲解jQuery中height()方法用法
职称计算机考试Internet基础知识:Google使用方法
PHP中使用cURL实现Get和Post请求的方法
jquery中toggle方法使用例子
幼儿园英语《The very hungry caterpillar》教学方案设计
关于电子体温枪使用相关问题及正确使用方法
英语优秀作文:Etiquette Laughter
英语作文Never judge a book by its cover
jQuery的load()方法及其回调函数用法示例
A Travel Guide of Guangzhou为题的英语作文
英语阅读《WhyNotsimplybeGrateful》
大学英语四级作文College Graduates Work
《You Cant Judge a William by Its Cover》英语美文欣赏
英语满分作文:Reading-TheBestMeanstoAcquireknowledge
举例子的使用方法和作用都有什么
Cultivate Your ReadingHabit培养阅读习惯方法
jQuery中hide()方法运用示例
jQuery中replaceAll()方法用法
英语作文:大学生村官 College Graduates Work as Village Offic
Tony has the longest journey教案
英语阅读:VIT declines to acquire Ang Mo Kio property
php中使用jquery uploadify进行多图片上传实例
英语阅读suggestion for google
My Unforgettable Trip高中英语作文
英语作文:Reading Outside The College
GRE作文范文精选:global university
电子琴节拍器的使用方法