jqueryでvalue属性を変更する方法-フロントエンドQ&A-php.cn

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

青灯夜游

リリース： 2022-05-16 18:08:41

オリジナル

5131 人が閲覧しました

3 メソッド: 1. 値属性を変更するには、「element object.val("new value")」を使用します。 2. 「element object.attr("value","new value" )」を使用します。 value 属性の値を変更できます; 3. 「element object.removeAttr("value")」を使用して value 属性を削除します。

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

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

HTML value 属性

value 属性は、要素の値を指定します。 value 属性は、入力タイプごとに異なる使用法を持ちます。

#「ボタン」、「リセット」、「送信」タイプの場合 - ボタン上のテキストを定義します
##「テキスト」、「パスワード」、「隠し」タイプの場合 - 入力フィールドの初期 (デフォルト) 値を定義します。
##「チェックボックス」、「ラジオ」の場合, "image " タイプ - フォームの送信時にフォームのアクション URL に送信される入力要素に関連付けられた値を定義します。
およびには value 属性が必要です。 value 属性はには適用されません。

jquery で value 属性を変更する 3 つの方法:

val() を使用して、 value 属性

attr() を使用して値属性の値を変更します
removeAttr() を使用して値属性を削除します

val() メソッドは、選択された要素の値を返すか、設定します。。要素の値は value 属性を介して設定されます。このメソッドは主に入力要素に使用されます。

例: value 属性の値をクリアします

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").click(function() {
					$("input").val("");
				});
			});
		</script>
	</head>
	<body>

		
		<p>用户名: <input type="text" name="user" value="李华" /></p>
		<p>密　码: <input type="password" name="password" value="123456" /></p>
		<button>修改value的值</button>
		<p>清空所有input元素的value属性值</p>
	</body>
</html>

ログイン後にコピー

jqueryでvalue属性を変更する方法 2。attr() を使用して value 属性の値を変更します

$(document).ready(function() {
	$("button").click(function() {
		$("input").attr("value","hello");
	});
});

ログイン後にコピー

jqueryでvalue属性を変更する方法 3. 値属性を削除するには、removeAttr() を使用します。

removeAttr() は、指定された属性を削除するために使用します。選択した要素の

$(document).ready(function() {
	$("button").click(function() {
		$("input").removeAttr("value");
	});
});

ログイン後にコピー

[推奨学習: jqueryでvalue属性を変更する方法 jQuery ビデオチュートリアル

、

Web フロントエンドビデオ ]

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

php 8、私も来ます

ウェブサイトのレイアウトを 30 分で学ぶ

ビデオチュートリアルに精通したOracleの入門

あなたの最初のUNI-APPコード

ゼロからアプリの起動までフラッター

兄弟連新版Linuxビデオチュートリアル

AXURE 9 ビデオチュートリアル (プロダクトマネージャーのインタラクティブな製品設計 UI に適しています)

基礎能力ゼロ PS ビデオチュートリアル

16日間のUIビデオチュートリアル

PS テクニックとスライステクニックのビデオチュートリアル

アリクラウド環境構築およびプロジェクトオンラインビデオチュートリアル

コンピュータネットワークの概要 - プログラマが身につけるべき基礎知識

プログラマーのための基本チュートリアル - HTTP プロトコルの説明

Websocket ビデオチュートリアル

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