jquery中toggle方法使用例子
今天遇到一个有趣的例子,将它记录下来。
一个一级菜单,里边有一个二级菜单,二级菜单是通过锚点来链接页面元素的。想要实现的效果是当点击锚点时,页面链接到相应锚点,同时二级菜单隐藏,再点击一级菜单时,继续执行。。
其中试了很多种方法都不行,最后通过读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只是鼠标移进移出的事件,跟点击没关系。
-
网页设计的布局
网页设计的工作目标,是通过使用更合理的颜色、字体、图片、样式进行页面设计美化,在功能限定的情况下,尽可能给予用户完美的视觉体验。以下是小编为您带来的网页设计的布局,看看吧!网页设计的布局11、响应式网页设计响应式网页设计是网页设计的一种技术,可在N多种浏...
-
高级PHP开发工程师岗位职责7篇
现如今,很多地方都会使用到岗位职责,岗位职责具有提高内部竞争活力,更好地发现和使用人才的作用。想学习制定岗位职责却不知道该请教谁?以下是小编整理的高级PHP开发工程师岗位职责,仅供参考,希望能够帮助到大家。高级PHP开发工程师岗位职责1工作职责:1、承担机器学习...
-
PHP开发工程师的具体职责14篇
PHP开发工程师的具体职责1职责:1、对公司新的网站项目、系统项目、小程序项目进行开发;2、维护支持公司现有的网络和系统平台工作运行;3、按时、独立、高质量地完成工作,确保相关代码逻辑的正确性及健壮性;4、开发、维护、升级和优化系统,并能快速定位并及时修复...
-
javascript的return语句的作用
return语句在js中非常的重要,不仅仅具有返回函数值的功能,还具有一些特殊的用法,有个清晰的把握是非常有必要的。下面就结合实例简单介绍一下return语句的作用。用来返回控制和函数结果:通常情况,return语句对于一个函数是很有必要的`,因为往往需要函数在一系列的代...
相关文章
- 商务英语阅读: The growing cult of ‘try before you buy’
- jQuery中delegate与on的用法与区别
- jQuery中trigger方法用法
- jQuery中delegate()实例用法
- 有关jQuery效果 slideToggle() 方法(在隐藏和显示之间切换)
- jQuery中ajax的get()方法运用示例
- 快速入睡的方法The Ways to Get Sleep Quickly高中英语作文
- 荣耀属于你们The Glory Belongs to You高中英语作文
- 关于jQuery trigger()方法用法介绍
- 关于jquery插件jTimer(jquery定时器)使用方法