本文摘自PHP中文网,作者coldplay.xixi,侵删。
jquery里面的toggle的使用方法:1、在元素的click事件中绑定两个或两个以上的函数,oggle本身就是click触发的;2、实现切换元素的显示与隐藏效果。

本教程操作环境:windows7系统、jquery3.2.1版本,该方法适用于所有品牌电脑。
推荐:jquery视频教程
jquery里面的toggle的使用方法:
一、在元素的click事件中绑定两个或两个以上的函数 toggle不像bind需要在后面添加"click"来绑定click触发事件,toggle本身就是click触发的(而且只能click触发),如下实例:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | <input id= "btntest" type= "button" value= "点一下我" />
<div>我是动态显示的</div>
<script type= "text/javascript" >
$( function () {
$( "#btntest" )
$( "#btntest" ).toggle(
function (){
$( "div" ).html( "我变了!" );
},
function (){
$( "div" ).html( "我又变了!" );
});
});
</script>
|
二、切换元素的显示与隐藏效果:
1 2 3 4 5 6 7 8 | <input id= "btntest" type= "button" value= "点一下我" />
<div>我是动态显示的</div>
<script type= "text/javascript" >
$( function () {
$( "#btntest" ).bind( "click" , function (){
$( "div" ).toggle(500);
) }) }); </script>
|
相关学习推荐:js视频教程
以上就是jquery里面的toggle怎么用的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
jQuery中的webix是什么
mock jQuery怎么使用
详解7款绚丽的jQuery/html5动画及源码
jQuery怎样禁止form表单提交数据
jQuery怎么判断是否为数组
vue脚手架如何导入jQuery第三方插件
jQuery如何判断是否点击按钮
jQuery字母大小写转换函数有哪些
jQuery 中文乱码的解决办法
jQuery如何获取鼠标位置
更多相关阅读请进入《jQuery》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » jquery里面的toggle怎么用