JavaScript,jQuery,CSS,HTMLの達人

JavaScriptとjQueryとCSSとHTMLの使い方やサンプルのブログ

jQuery で要素を非表示にする方法

f:id:vw-dsg:20200601063533p:plain

~ 要素を非表示にする ~

jQueryで要素を非表示にするには「hide()」メソッドを使用します。

例)$("#youso").hide();    // 要素を非表示にする

HTML ソース

<p id="youso">Hello World</p>
<p><input id="btn" type="button" value="非表示にする" /></p>

JavaScript コード

ボタン(id=btn)を押すと要素(id=youso)が非表示になります。

$("#btn").click(function(){
    $("#youso").hide();
});

実行結果

※このページの読み込みが完了してから試してください。

END