jqueryでtype属性を変更する方法

jquery では、attr() メソッドを使用して要素の type 属性を変更できます。このメソッドは、選択した要素の属性値を設定できます。構文は "$(selector).attr(" です) type"、"新しい値 ")" または "$(selector).attr({type:new value})"。

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

jqueryでは入力オブジェクトを取得することでattr()メソッドを使って型を変更することができます。構文:

$(selector).attr("type","新值");
$(selector).attr({type:新值});

例:

p タグで、input タグを使用して入力ボックスを作成し、その値のデフォルト値を abcdefg に設定します。

test.html ファイルで、input タグの id 属性値を tuinput に設定します。これは主に、以下の ID を通じて入力オブジェクトを取得するために使用されます。 。

test.html ファイルで、button タグを使用して、「入力の type 属性を変更する」というボタン名を持つボタンを作成します。

test.html ファイルで、onclick クリック イベントをボタン ボタンにバインドします。ボタンがクリックされると、editype() 関数が実行されます。

js タグ内に editype() 関数を作成し、その関数内で id(tuinput) を介して入力オブジェクトを取得し、attr() メソッドを使用して変更しますtype 属性値をパスワードに設定します。

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

[推奨学習: jQuery ビデオ チュートリアル 、Web フロントエンド ビデオ ]

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