Javascript と jQuery の表示と非表示を切り替える_jquery

サンプル コードは非常にシンプルで、直接提供するだけです。これ以上のナンセンスはありません

コードをコピーします コードは次のとおりです:

<スタイル>
#box {
幅: 100px; 高さ: 100ピクセル
背景色: #ddd
}
.show {
可視性: 非表示
}

<スクリプト src="jquery/1.8.2/jquery.min.js"> <スクリプトタイプ="text/javascript"> window.onload = function() {
関数 toglemain() {
var obj = document.getElementById("box"); If (obj.className == "") {
obj.className = "表示"; } else {
obj.className = ""; }
}
var clickbutton = document.getElementById("toggle"); メソッドとクリックイベントをクリックしてオンクリックメソッドをクリックし、イベントをクリックしてボタンをクリックすると、最初にオンクリックメソッドが実行されますが、なぜ、クリックイベントも同時に起動されますか？これは、Click イベントが OnClick メソッドの内部でトリガーされるためです。
}


<スクリプトタイプ="text/javascript"> $(document).ready(function() {
$(".btn1").click(function() {
/* $("p#box").toggle() */
$("#box").toggleClass("show"); }); });

JavaScript トグル jQuery 切り替え




JavaScript と jQuery のメソッドを非表示にしたり表示したりする方法を明確に理解できましたか? 必要に応じて自分で実行できます。