jquery toggle(listenerOdd, listenerEven)

1. example：

<!DOCTYPE HTML>
<html>
   <head></head>
   <body>
       <div id="chan">click me again!!</div>
       <script type="text/javascript" src="jquery.js"></script>
       <script>
           $(function(){
               $("#chan").toggle(function(event){
                   $(event.target).css(‘color‘,‘red‘);
               },function(event){
                   $(event.target).css(‘color‘,‘blue‘);
               });
           });
       </script>
   </body>
</html>

2.每当触发click事件就相互切换

时间： 2024-10-03 13:46:02

jquery toggle(listenerOdd, listenerEven)的相关文章

jquery toggle方法

.toggle(function, function, … ) link .toggle(function, function, ... ) removed This is the "click an element to run the specified functions" signature of .toggle(). It should not be confused with the "change the visibility of an element&quo

jQuery hover()方法和jQuery toggle()方法用法示例

jQuery hover()方法和jQuery toggle()方法是两个合成事件,类似ready()方法,都属于jQuery自定义的方法.下面来讲解这两个方法的属性和如何使用. 一.hover()方法:语法结构为: hover(enter,leave).用于模拟光标悬停事件.当光标移动到目标元素上时,会触发指定第1个函数(enter);当移出这个元素时,会触发第2个函数(leave). 下面是一段示例代码: $(function(){ $("#panel h5.head").hove

jquery toggle()方法语法

作用:toggle() 方法用于绑定两个或多个事件处理器函数,以响应被选元素的轮流的 click 事件.该方法也可用于切换被选元素的 hide() 与 show() 方法. 向toggle事件绑定两个或多个函数:当指定元素被点击时,在两个或多个函数之间轮流切换.如果规定了两个以上的函数,则 toggle() 方法将切换所有函数.例如,如果存在三个函数,则第一次点击将调用第一个函数,第二次点击调用第二个函数,第三次点击调用第三个函数.第四次点击再次调用第一个函数,以此类推.大理石平台价格语法:$

jQuery toggle() 方法与实例以及代替方法。

看<jQeury 权威指南>时看到这个toggle()方法.因为之前在慕课网学习接触过.发现两者讲的有细微的不同以隐藏/显示目标元素效果为例,慕课网是这样讲解的 $("#clickId").toggle( function(){$('#divId').hide();}, //方法之间以逗号隔开 function(){$('#divId').show();} ); 点击ID名为clickId的按钮,第一次会执行第一个function来隐藏ID名为divId的块.第二次点击会

jquery toggle() 方法切换元素

oggle() 方法切换元素的可见状态. 如果被选元素可见,则隐藏这些元素,如果被选元素隐藏,则显示这些元素. $(document).ready(function () { $("#screeningArea").click(function (event) { $(".search_list_detail").toggle(); });}) 参考资料:http://www.w3school.com.cn/jquery/effect_to

jquery toggle 方法被废除的替代方法

今天使用 toggle 方法的时候,该方法一直不能生效. 原来jquery 的引入文件是1.9,该方法在1.8以上已被废除. 那么简单的切换状态,我们可使用if 语句进行代替如下: 记录一开始设置隐藏(.none {display:none;}) 通过点击进行切换 //记录展开隐藏 $(function () { var flag = 1; $('.js-folder').click(function () { if (flag == 1) { $('.js-record').removeCl

jquery toggle 替换的实现

$('#example').click(function(){$("#exampleBox").toggle();}) 改为 $('#example').click(function(){ if($("#exampleBox").is(":visible")){ $("#exampleBox").hide(); do stuff }else{ $("#exampleBox").show(); do stuf

JQuery Toggle 事件有记忆性的解决

$('#example').click(function(){$("#exampleBox").toggle();}) 改为 $('#example').click(function(){ if($("#exampleBox").is(":visible")){ $("#exampleBox").hide(); }else{ $("#exampleBox").show

jQuery toggle方法的一个奇怪表现。

function buildTree() { //$('.tree li:has(ul)').addClass('parent_li').find(' > span').attr('title', 'Collapse this branch'); $('.tree li.parent_li > span').on('click', function (e) { var children = $(this).parent('li.parent_li').find(' > ul > l