jquery 点击事件来回切换

jquery中点击切换的实现

项目中经常会遇到一种情况,就是点击切换,比如点击按钮,div样式为1,再点击一下按钮,div样式为2,再点击一下按钮,div样式为1.需要自定义jQuery方法toggle. // toggle方法 $.fn.toggle = function( fn, fn2 ) { let args = arguments,guid = fn.guid || $.guid++,i=0, toggler = function( event ) { let lastToggle = ( $._data( thi

jQuery点击事件绑定onClick和on()

一.静态绑定 (1)onclick方法 jsp代码 <button href="javascript:;" class="weui_btn weui_btn_mini weui_btn_default" onClick = "audit('{{info.id}}')">审核</button> js事件处理 function audit(absenceId) { //弹出对话框 $.confirm("确认审核&qu

Jquery 点击事件重复获取叠加（一）

用jquery添加绑定事件添加多少次点击的时候就触发多少次如果想解决这个问题就在点击函数里先用 $(对象).off("click") 取消上一次的点击事件上码: $("#pdfId").click(function () { $.ajax({ //url: "/SwFrontData/GetAttachmentData/" + $("#wdId").val(), url:url2, type: "post&

关于jQuery点击事件叠加问题

先来看个例子: html: <body> <button id="btn">按钮</button> <button id="btn1">按钮1</button> </body> javascript: <script src="https://cdn.bootcss.com/jquery/2.2.3/jquery.js"></script> <s

JQ-用户注册用到的图形验证码，短信验证码点击事件，切换active类

// 点击切换图形验证码页面加载完后执行,类似window.onload $(function () { var imgCaptcha = $(".img-captcha"); imgCaptcha.click(function () { imgCaptcha.attr("src", "/account/register/img/captcha"+"?random="+Math.random()); }); }); // 点

jquery点击事件失效原因和解决办法

在使用jQuery绑定点击事件的时候,有时候会遇到点击无效,这种情况大多出现在动态添加元素的时候例如:给demo里添加li元素给li绑定点击事件 $("#demo").append('<li>点我</li>'); 给li元素绑定点击事件 // 示范一 $("#demo li").click(function(){ alert($(this).html()); }); // 示范二 $("#demo li").on('cl

jquery 点击事件切换样式

$('#FatherName').on('click', '.ClassName', function(e){ $('.ClassName').removeClass('active'); $(this).addClass('active'); });

jquery点击事件后增加克隆的标签,并改变克隆的属性加入

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="jquery-3.2.1.js"></script> </head> <body> <div id="outer&quo

Jquery点击事件出发顺序

鼠标点击触发事件执行顺序: mouse down -> mouse up -> click 键盘点击出发事件执行顺序: 点击后马上抬起:key down -> key press -> key up 点击后不抬起:key down -> key press -> key down -> key down ->....key up

jquery 点击事件

bind() 向匹配元素附加一个或更多事件处理器 blur() 触发.或将函数绑定到指定元素的 blur 事件 change() 触发.或将函数绑定到指定元素的 change 事件 click() 触发.或将函数绑定到指定元素的 click 事件 dblclick() 触发.或将函数绑定到指定元素的 double click 事件 delegate() 向匹配元素的当前或未来的子元素附加一个或多个事件处理器 die() 移除所有通过 live() 函数添加的事件处理程序. error() 触发.

jquery点击事件

$("#hoetelNameSelect").click( $.post("${ctx}/meeting/restaurant/queryHotelName", function(data){ alert(data); }) );

jquery +点击按钮，切换div内容,按钮加高亮

html: <div class="dw4"> <span class="dw">单位(次)</span> <div class="time4"> <div class="dat day active4">a</div> <div class="dat month">b</div> </div> &l

jquery点击来回切换

做个笔记偶尔用有时记不住方法一: <div id="test"> test </div> $('#test').mouseover(function () { $(this).addClass('a') }).mouseout(function () { $(this).removeClass('a') }) 方法二: <div class="people_state">设为管理员</div> <div cla

使用jQuery实现点击左右滑动切换特效

使用jQuery实现点击左右滑动切换特效: HTML代码如下:  <div class="warp">  <div class="divContent"> <div class="content"> <ul class="contentUl"> <li> <img src="

jquery父元素和子元素点击事件传递问题_不可把父元素的事件传递给子元素_事件无限循环传递

前述:jquery中: 当一个元素的点击事件被触发时,会自动将该事件向父级元素逐级专递. 但是实际场景当中,我们可能会遇到需要在父级元素中定义点击事件,来触发特定子元素的点击事件,我就遇到了这么一个问题. 但是这么做的后果,在jquery1.8.2版本及以后所有版本(截止目前最新版本为3.3),会出现事件来回传递的问题,最终导致无限循环. 在jquery1.2.6版本中,子元素的点击传递给父元素时,再被父元素传递回来后,事件就不会再向外扩散了,也就是低级版本jquery只会向外扩散一次,但是在

Jquery的点击事件，三句代码完成全选事件

先来看一下Js和Jquery的点击事件举两个简单的例子 <!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"> <head> <m

jquery点击复选框触发事件给input赋值

体验效果:http://keleyi.com/keleyi/phtml/jqtexiao/31.htm 代码如下: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jquery点击复选框触发事件给input赋值-柯乐义</title><base target="_blank" /> <sty

jQuery触发a标签点击事件-为什么不跳转

今天开发发现使用jQuery触发a标签的点击事件,当前的样式发生了变化,可是没有跳转,为什么? 百度后找到的解决方案: <a onclick="hanle()" href="test.jsp" target="main" ><span id="hand">处理</span></a> 在a标签中加上span标签,触发span标签的点击事件. 直接在a标签上触发点击,当前链接onc

jQuery模拟鼠标点击事件失效的问题

最近使用jQuery操作浏览器获取数据,需要对分页的信息进行处理,发现直接使用$('div#pager a.next').click();的这种写法无法触发点击事件. 使用trigger('click')的写法也是无济于事. 在网上一顿扒拉后,发现使用$('div#pager a.next')[0].click();就OK了. $('div#pager a.next')[0]这种写法其实就相当于把jQuery对象转换为Dom对象了. 模拟点击不生效的原因如果使用jQuery的写法:$('a#t

jquery 获取点击事件的id;jquery如何获取当前触发事件的控件ID值

写html时这样绑定 <input type="text" name="address4" id="address4" onFocus="open1(this);"> 函数则加一个对象 function open1(ob) { var id=$(ob).attr("id"); alert(id); } 如果是超链接,这样写是无效的,获取不到id <a href="javascri

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></p>$(

jquery 点击事件来回切换

热门专题