为了账号安全,请及时绑定邮箱和手机立即绑定

toggle本身不是就有绑定鼠标点击事件的功能吗?为什么要用bind绑定点击事件再引用toggle事件?而且为什么在网页练习中给toggle绑定多个函数实现不了,没有反应,网页中调的,明明是1.8版本的啊?

<body>
        <h3>toggle()方法绑定多个函数</h3>
        <input id="btntest" type="button" value="点一下我" />
        <div>我是动态显示的</div>
        
        <script type="text/javascript">
            $(function () {
                $("#btntest").bind("click", function () {
                    $("div").toggle();
                })
            });
        </script>
    </body>

正在回答

3 回答

1、toggle() 方法当它没有参数时,它只有隐藏和显示的功能,必须要配合bind()方法来绑定事件(可以是click,也可以是mouseout……),就是需要一个动作来触发这个toggle()方法,以达到显示or隐藏被选中元素的功能。

2、当它是这种形式toggle(fun1,fun2,funN……)作为绑定多个函数的方法来用时,它本身就具备了click点击触发相应函数的功能了,点击相应的元素后会依次执行fun1,fun2,funN……这些个函数。

我是这么理解的,不知道对你会不会有所帮助。

9 回复 有任何疑惑可以回复我~

toggle()方法除了绑定鼠标点击事件以外,他还可以控制某元素的显示与隐藏,你写的代码就是用了这个功能。

0 回复 有任何疑惑可以回复我~
#1

慕仙7258121 提问者

这个是最后实现的代码,我试了一下直接用taggle()不行,还有试了一下toggle(fun1,fun2.......)也不行
2016-03-28 回复 有任何疑惑可以回复我~
#2

天生不适合搞技术 回复 慕仙7258121 提问者

taggle()本身就有控制元素显示与隐藏的功能
2016-03-28 回复 有任何疑惑可以回复我~
#3

慕仙7258121 提问者 回复 天生不适合搞技术

那这样的呢?例题里toggle(fun1,fun2.......)可以通过这个方法控制 没有绑定bind
2016-03-28 回复 有任何疑惑可以回复我~
#4

天生不适合搞技术 回复 慕仙7258121 提问者

http://www.w3school.com.cn/jquery/effect_toggle.asp
2016-03-28 回复 有任何疑惑可以回复我~
查看1条回复

toggle这个方法的意思是改变属性的隐藏状态,代码是点击改变id的隐藏状态的意思,不绑定事件不行。如果多个快绑定 中间空格隔开应该就行$("div ul")类似

0 回复 有任何疑惑可以回复我~
#1

慕仙7258121 提问者

这个是最后实现的代码,我试了一下直接用taggle()不行,还有试了一下toggle(fun1,fun2.......)也不行
2016-03-28 回复 有任何疑惑可以回复我~
#2

忆清水 回复 慕仙7258121 提问者

是这种形式吗 $(function () { $("div").toggle( function(){ $(this).html("3"); }, function(){ $(this).html("1"); }, function(){ $(this).html("2"); } ) }); toggle是有点击绑定函数的功能,你在最外层写了$function(){}吗我之前遇到这种问题是忘记写了
2016-03-29 回复 有任何疑惑可以回复我~
#3

慕仙7258121 提问者 回复 忆清水

写了啊
2016-03-30 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
jQuery基础课程
  • 参与学习       154768    人
  • 解答问题       7184    个

加入课程学习,有效提高前端开发速度

进入课程

toggle本身不是就有绑定鼠标点击事件的功能吗?为什么要用bind绑定点击事件再引用toggle事件?而且为什么在网页练习中给toggle绑定多个函数实现不了,没有反应,网页中调的,明明是1.8版本的啊?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信