jqueryのidに基づいて要素の値を変更する方法

青灯夜游
リリース: 2022-04-20 18:13:32
オリジナル
2948 人が閲覧しました

ID に基づいて jquery の値を変更する方法: 1. 要素に id 属性を設定します; 2. "$("#id 属性値")" ステートメントを使用して、指定された要素オブジェクトを取得します。 3. 「element object.html ("新しい値")」、「element object.text("新しい値")」または「element.val("新しい値")」ステートメントを使用して、要素の値を変更します。

jqueryのidに基づいて要素の値を変更する方法

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

jquery は id に基づいて要素の値を変更します

実装手順:

  • 指定された要素の id 属性を設定します。

  • #「$("#id 属性値")" ステートメントを使用して、指定された要素オブジェクトを取得します。

  • jquery メソッドを使用して、指定した要素の値を変更する

要素の値を変更するには、次の 3 つのメソッドがあります。 text() を使用して、選択した要素のテキスト内容を設定します。

  • html() を使用して、選択した要素 (innerHTML) のコンテンツを設定します。

  • #val() を使用して入力要素の値を設定します
  • #例 1: text() を使用します
  •       
    

    这是一个段落。

    这是另一个段落。

    ログイン後にコピー

例 2: html() の使用

      

这是一个段落。

这是另一个段落。

ログイン後にコピー

jqueryのidに基づいて要素の値を変更する方法

例 3: val() の使用

      


用户名:
ログイン後にコピー

jqueryのidに基づいて要素の値を変更する方法

[推奨学習:jQuery ビデオ チュートリアル

Web フロントエンド ビデオ

]jqueryのidに基づいて要素の値を変更する方法

以上がjqueryのidに基づいて要素の値を変更する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のおすすめ
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!