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

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

WBOY

リリース： 2022-05-18 10:18:46

オリジナル

1753 人が閲覧しました

ステップ属性を変更するための Jquery メソッド: 1. "$("ステップ属性を変更する必要がある要素")" を使用して、指定された要素オブジェクトを取得します。 2. "element object.attr(" を使用します。 step","step 変更された値 ");" は、指定された要素の step 属性値を変更できます。

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

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

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

1. $() を使用して指定された要素オブジェクトを取得します

$ は一般的に使用されるコールバックですJQuery の関数。英語の selector

$ の略語である「select」と定義されていますが、実際には jQuery の別名であり、jQuery は jQuery ライブラリによって提供される関数です。

この関数は、() 内のパラメーターに基づいて HTML ドキュメント内の要素を検索および選択できます。() には ID だけでなく、さまざまなセレクターも指定できます。

例:

$(document) は、ドキュメントオブジェクト全体を選択します。

2. attr メソッドを使用して、ステップの属性を変更します。

attr() メソッドは、選択された要素の属性と値。

このメソッドを使用して属性値を返すと、最初に一致した要素の値が返されます。

このメソッドを使用して属性値を設定すると、一致する要素に対して 1 つ以上の属性/値のペアが設定されます。

構文

属性の値を返します:

$(selector).attr(attribute)

ログイン後にコピー

属性と値を設定します:

$(selector).attr(attribute,value)

ログイン後にコピー

例は次のとおりです:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("input").attr("step","500");
});
});
</script>
</head>
<body>
<form action="demo-form.php">
  <input type="number" name="points" step="3">
</form>
<br>
<button>为元素修改step属性</button>
</body>
</html>

ログイン後にコピー

出力結果:

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