hide(),show()与removeClass(),addClass()区别

hasClass() 是否存在某个class

hide() 隐藏对象
show() 显示对象
removeClass() 移除一个class
addClass() 添加一个class
除此，还可以通过jquery设置这个 div 的 css : display:none/block 来实现隐藏/显示

toggle() 的作用就是当对象是显示的就隐藏，当是隐藏的则显示。

< div  class = "abc"  style = "display:none" ></ div >

< input  type = "button"  class = "but"  />

最简单办法;toggle() 的作用就是当对象是显示的就隐藏，当是隐藏的则显示。

<script>

$(document).ready( function (e) {

     $( ".but" ).click( function (e) {

         $( ".abc" ).toggle();

     });

});

</script>







如果你除了显示和隐藏之外还需要同时实现其他功能的话，可以这样：

1 2 3 4 5 6 7 8 9 10 11 12 13 14

<script> $(document).ready( function (e) {      $( ".but" ).click( function (e) {          if ( $( ".abc" ).hasClass( "show" ) ){              // 执行隐藏              $( ".abc" ).hide().removeClass( "show" );              // 其他          } else {              // 显示              $( ".abc" ).show().addClass( "show" );          }      }); }); </script>