大佬教程收集整理的这篇文章主要介绍了jQuery交换元素,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
<head> <script type="text/javascript"> $(document).ready(function(){ $("#options_2").hide(); $("#options_3").hide(); }); </script> </head> <body> <div id="options_1">option 1</div> <div id="options_2">option 2</div> <div id="options_3">option 3</div> <a href="" class="SELEcted">choose option 1</a> <a href="">choose option 2</a> <a href="">choose option 3</a> </body>
正如您所看到的,默认情况下只有选项1可见,并且您单击以显示选项1的链接默认情况下具有class =“SELEcted”,向用户显示当前选择了该选项.我基本上想要它,以便当他们点击“选择选项2”时,选项1 div隐藏自己,选项2 div显示自己,然后给第二个链接选择的类,并从图像链接中删除该类.
<div id="options_1" class="tab" >option 1</div> <div id="options_2" class="tab">option 2</div> <div id="options_3" class="tab">option 3</div> $(document).ready(function () { var clickHandler = function (link) { $('.tab').hide(); $('#option_' + link.data.id).show(); $('.SELEcted').removeClass('SELEcted'); $(this).attr('class','SELEcted'); } $('.link1').bind('click',{id:'1'},clickHandler); $('.link2').bind('click',{id:'2'},clickHandler); $('.link3').bind('click',{id:'3'},clickHandler); })
以上是大佬教程为你收集整理的jQuery交换元素全部内容,希望文章能够帮你解决jQuery交换元素所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。