ホームページ > ウェブフロントエンド > jsチュートリアル > jqueryを使ってテキストを非表示にする方法

jqueryを使ってテキストを非表示にする方法

WBOY
リリース: 2021-11-16 18:04:24
オリジナル
2542 人が閲覧しました

jquery でテキストを非表示にする方法: 1. "$("text id value")" ステートメントを使用して、指定された id 値に従ってテキスト オブジェクトを取得します; 2. hide() メソッドを使用して、取得したオブジェクトを非表示にする 構文は「text object.hide();」です。

jqueryを使ってテキストを非表示にする方法

このチュートリアルの動作環境: Windows7 システム、jquery1.10.0 バージョン、Dell G3 コンピューター。

jquery でテキストを非表示にする方法

1. jquery の実装方法を説明するために、test.html という名前の新しい HTML ファイルを作成します。ボタンをクリックするとテキスト ボックスが非表示になります。テスト用に input タグを使用してテキスト ボックスを作成します。 input タグに id 属性を追加し、myinput に設定します。

test.html ファイルで、ボタン ボタンを作成し、onclick イベントをボタン ボタンにバインドし、ボタンがクリックされたときに HideIp 関数を実行します。

jqueryを使ってテキストを非表示にする方法

#2. js タグで、hideIp 関数を作成します。関数内で、id を通じて入力オブジェクトを取得し、hide() メソッドを使用してテキストを非表示にします箱。

jqueryを使ってテキストを非表示にする方法

test.html ファイルをブラウザで開き、ボタンをクリックして効果を確認します。

jqueryを使ってテキストを非表示にする方法

ボタンをクリックした後:

jqueryを使ってテキストを非表示にする方法

概要:

1. input タグを使用して、テキスト ボックスを作成し、input タグに id 属性を追加して、それを myinput に設定します。

2. ボタン ボタンを作成し、onclick イベントをボタン ボタンにバインドし、ボタンがクリックされたときに HideIp 関数を実行します。

3. js タグ内に hideIp 関数を作成し、関数内で id を介して入力オブジェクトを取得し、hide() メソッドを使用してテキスト ボックスを非表示にします。

プログラミング関連の知識について詳しくは、プログラミング ビデオをご覧ください。 !

以上がjqueryを使ってテキストを非表示にする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート