jQueryで入力要素を操作する方法

jQuery での input 要素の操作は非常に一般的な操作です。jQuery は、input 要素の値の取得、値の設定、イベントのリッスンなどを簡単に行うことができます。 jQueryでinput要素を操作する方法を具体的なコード例を交えて詳しく紹介します。

1. 入力要素の値を取得する

入力要素の値を取得するには、以下に示すように、jQuery の val() メソッドを使用できます。 ##

// 获取id为input1的input元素的值
var value = $('#input1').val();
console.log(value);

val() メソッドを使用することもできます。

// 设置id为input2的input元素的值为"Hello World"
$('#input2').val("Hello World");

on('input', function(){}) メソッドを使用して、入力要素の入力イベントをリッスンできます。以下に示すように、input 要素の input イベント:

// 监听id为input3的input元素的输入事件
$('#input3').on('input', function(){
    var value = $(this).val();
    console.log("输入的值为：" + value);
});

メソッド (以下に示すように): <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:javascript;toolbar:false;'>// 监听id为input4的input元素失去焦点事件 $('#input4').blur(function(){ var value = $(this).val(); console.log(&quot;失去焦点，输入的值为：&quot; + value); });</pre><div class="contentsignin">ログイン後にコピー</div></div>5. 入力要素の無効化

入力要素を無効にするには、

メソッドは次のようになります:

// 禁用id为input5的input元素
$('#input5').prop('disabled', true);