showメソッドを使用する

Question

私はボタンをクリックした後にそのボタンの段落を表示させようとしています。私が間違っていることを確認していない！代わりにonClick()の

function $() { 
    "use strict"; 
} 
$(document).ready(function() { "use strict"; 
    $("button").onClick(function() { 
     $("p").show(); 
    }); 
}); 

Answer 1

使用click()：

$(document).ready(function() { 
    $("button").click(function() { 
     $("p").show(); 
    }); 
}); 

あなたは常に開発ツールのコンソールでJavascriptのエラーをチェックすることができます（Chromeで、それはF12をクリックすることで利用可能です）。

Answer 2

JQueryは、$で参照されています。最初の関数は、$という名前の関数を宣言し、JQuery $変数を上書きします。 「厳密な使用」は、その先頭にあるスコープにのみ適用され、最初の関数には他のコードがないので、その最初の関数は無意味であり、問​​題を引き起こすだけです。

あなたがここに欲しい方法は、HTML属性またはDOMオブジェクトのプロパティとして経由してクリックイベントハンドラを設定するには非常に古い方法on、ないonClick（onclickですが、あなたはjQueryのはdoesnの設定オブジェクトを、ラップ持っていますそれをサポートする「T）：

$(function() { 
 
    $("button").on("click", function() { 
 
     $("p").show(); 
 
    }); 
 
});

.hide { 
 
    display:none; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button>Show the text</button> 
 
<p class="hide">This is a test</p>