hide()、show()とremoveClass()、addClass()の違い
2616 ワード
hasClass()classが存在するかどうか
hide()非表示オブジェクトshow()表示オブジェクトremoveClass()class addClass()を削除class()を追加するほか、jqueryでdivのcss:display:none/blockを設定することで非表示/表示を実現できます.
toggle()の役割は、オブジェクトが表示されている場合に非表示になり、非表示である場合に表示されます.
と のほかに、 の を に する がある は、 のようにします.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
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() ， 。 $(document).ready( function (e) { $( ".but" ).click( function (e) { $( ".abc" ).toggle(); }); });
と のほかに、 の を に する がある は、 のようにします.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
$(document).ready( function (e) { $( ".but" ).click( function (e) { if ( $( ".abc" ).hasClass( "show" ) ){ // $( ".abc" ).hide().removeClass( "show" ); // } else { // $( ".abc" ).show().addClass( "show" ); } }); });