ホームページ >ウェブフロントエンド >jsチュートリアル >DIV_jquery を表示および非表示にするための JQuery メソッドとコード例
1. ロード中に非表示になっている場合:
<スクリプトタイプ="text/javascript" >
$("#btnOne").bind("click", function(event) { $("#tt1").hide(); $("#tt2").hide(); });
$("#btnDay").bind("click", function(event) { $("#tt1").hide(); $("#tt2").hide(); });
$("#btnWeek").bind("click", function(event) { $("#tt1").show(); $("#tt2").hide(); });
$("#btnMonth").bind("click", function(event) { $("#tt1").hide(); $("#tt2").show(); });
$("#id").hide() は、display:none を意味します。
$("#id").toggle() は要素の表示状態を切り替えます。要素が表示されている場合は非表示に切り替え、要素が非表示になっている場合は表示に切り替えます。
$("#id").css('表示','なし');
$("#id").css('表示','ブロック');
または
$("#id")[0].style.display = 'none';