jquery中交替点击事件的实现代码
$('#clickId‘).toggle(
function(){$('#divId').hide();},
function(){$('#divId').show();}
);
toggle方法中有两个参数,分别是要交替执行的事件。如果不传参默认是显示隐藏功能
相关推荐
-
jquery实现点击label的同时触发文本框点击事件的方法
本文实例讲述了jquery实现点击label的同时触发文本框点击事件的方法.分享给大家供大家参考.具体实现方法如下: var labelID; $('label').click(function() { labelID = $(this).attr('for'); $('#'+labelID).trigger('click'); }); 希望本文所述对大家的jQuery程序设计有所帮助.
-
jquery 触发a链接点击事件解决方案
jquery 触发a链接点击事件 复制代码 代码如下: <p class="btnSubmit"><a href="javascript:submitData();">确认</a></p> $(".btnSubmit a")[0].click(); <p id="tob"><a href="1.html">这是文字</a>&
-
jQuery点击弹出下拉菜单的小例子
复制代码 代码如下: <title>导航--点击弹出内容</title> <style type="text/css">.navgation{margin:0;padding:0;list-style-type:none;position:relative;}.navgation li {float:left;}.navgation a{padding:3px 6px;background-color:orange;color:white;te
-
jquery mobile的触控点击事件会多次触发问题的解决方法
jquery mobile 对手势触控提供了如下几个事件监听: 复制代码 代码如下: tap 当用户点屏幕时触发taphold 当用户点屏幕且保持触摸超过1秒时触发swipe 当页面被垂直或者水平拖动时触发.这个事件有其相关联的属性,分别为scrollSupressionThreshold, durationThreshold, horizontalDistanceThreshold, and verticalDistanceThresholdswipeleft 当页面被拖动到左边方向时触发s
-
jQuery中ztree 点击文本框弹出下拉框的实例代码
废话不多说了,具体代码如下所示: <link rel="stylesheet" href="${ctx}/res/js/ztree/css/demo.css" type="text/css"/> <link rel="stylesheet" href="${ctx}/res/js/ztree/css/zTreeStyle/zTreeStyle.css" type="text/cs
-
jquery实现点击其他区域时隐藏下拉div和遮罩层的方法
本文实例讲述了jquery实现点击其他区域时隐藏下拉div和遮罩层的方法.分享给大家供大家参考,具体如下: 为了更好的用户体验,在做下拉获取其他有弹出层的时候,当展开下拉时,要做到点击其他区域也能自动隐藏收起下拉和遮罩层,这样的效果用一段js就可以了. 以下图为例的一个下拉菜单为参考: 效果实现源码: $(document).bind('click', function(e) { var e = e || window.event; //浏览器兼容性 var elem = e.target ||
-
jQuery实现按钮只点击一次后就取消点击事件绑定的方法
本文实例讲述了jQuery实现按钮只点击一次后就取消点击事件绑定的方法.分享给大家供大家参考.具体实现方法如下: <input type="button" id="my-selector" value="只能点击一次" /> <script> $('#my-selector').bind('click', function() { $(this).unbind('click'); alert('Clicked and un
-
jquery中交替点击事件toggle方法的使用示例
复制代码 代码如下: $('#clickId').toggle( function(){$('#divId').hide();}, function(){$('#divId').show();} ); toggle方法中有两个参数,分别是要交替执行的事件.如果不传参默认是显示隐藏功能
-
jQuery实现鼠标滑过点击事件音效试听
废话不多说了,直接看效果图吧. 效果图如下: html代码: <div class="wrapper"> <h1 class="sub-section__title">eventType : </h1> <div class="center" style="margin-top: 40px;"> <div id="trigger-2-hover" cla
-
jQuery实现当按下回车键时绑定点击事件
当按下回车键时,绑定按钮点击事件代码如下,通过检测按下的键值,回车键keycode为13,判断是否是回车键,然后完成相应的方法. 复制代码 代码如下: <script> $(function(){ $(document).keydown(function(event){ if(event.keyCode==13){ $("#mouse").click(); } }); $("#mouse").click(function(){ alert("n
-
jQuery中animate动画第二次点击事件没反应
用animate做点击翻页动画时发现第二次点击事件动画没反应,而第一次点击有动画效果,代码如下: 复制代码 代码如下: $(".page").stop().animate({top:"-300px"}, 800, 'easeInOutExpo'); 第二次点击事件动画没反应的原因:top是page元素顶部相与其父元素顶部的距离,第一次点击后,page元素顶部已经移动到距其父元素顶部-300px的位置,第二次点击时的并不是page在移动后的位置继续t移动-300px,
-
jQuery基于事件控制实现点击显示内容下拉效果
本文实例讲述了jQuery基于事件控制实现点击显示内容下拉效果.分享给大家供大家参考,具体如下: 1.实例代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&
-
使用JS或jQuery模拟鼠标点击a标签事件代码
复制代码 代码如下: <a id="alink" href="abc.aspx" style="visibility: hidden;">下一步</a> $("#alink").click(); // 触发了a标签的点击事件,但是没有触发页面跳转 document.getElementById("alink").click(); //既触发了a标签的点击事件,又触发了页面跳转 把 &
随机推荐
- 四步轻松实现ajax发送异步请求
- 告别AJAX实现无刷新提交表单
- Android根据输入银行卡号判断属于哪个银行
- php解析base64数据生成图片的方法
- C#日历样式的下拉式计算器实例讲解
- 一篇文章搞定JavaScript类型转换(面试常见)
- 可伸缩的textview详解(推荐)
- shell编程实现学生成绩管理系统
- Oracle中字符串截取常用方法总结【推荐】
- python字符串分割及字符串的一些常规方法
- Python将主机名转换为IP地址的方法
- Python3 使用pillow库生成随机验证码
- 关于C++动态分配内存的介绍
- window环境下使用VScode连接虚拟机MySQL方法
- 详解IOS微信上Vue单页面应用JSSDK签名失败解决方案
- python 多进程并行编程 ProcessPoolExecutor的实现
- django解决跨域请求的问题详解
- jQuery实现为table表格动态添加或删除tr功能示例
- Python 实现Serial 与STM32J进行串口通讯
- 基于springboot实现整合shiro实现登录认证以及授权过程解析