jQueryでプロパティをトラバースする方法

jQuery は、HTML ドキュメントや Web ページ要素を操作するための便利なメソッドを多数提供する、非常に人気のある JavaScript ライブラリです。非常に便利な方法の 1 つは、プロパティを反復処理することです。この記事では、jQueryを使用してプロパティを反復処理する方法を紹介します。

まず、プロパティを走査するために jQuery によって提供されるメソッドを見てみましょう。

• attr(): 要素の属性値を取得または設定するために使用されます。
• prop(): 要素の属性値を取得または設定するために使用されます。
• data(): 要素のカスタム データ属性値を取得または設定するために使用されます。
• removeAttr(): 要素の属性を削除するために使用されます。
• hasClass(): 要素が指定されたクラスを持つかどうかを検出するために使用されます。

以下、それぞれの使い方と例を紹介します。

1. attr()

attr() メソッドは、要素の属性値を取得または設定するために使用できます。 。属性名と属性値の 2 つのパラメータを取ります。プロパティ名のみが渡された場合はプロパティの値が返され、プロパティ名とプロパティ値の両方が渡された場合はプロパティの値が設定されます。

// 获取属性值
var href = $('#myLink').attr('href');

// 设置属性值
$('#myLink').attr('href', 'http://www.example.com');

2. prop()

prop() メソッドは attr()## に似ています。 # メソッドを使用して、要素の属性値を取得または設定することもできます。ただし、prop() メソッドは、ブール型プロパティ (checked、disabled、selected など) を取得または設定する場合により適しています。 。） 価値。

// 获取属性值
var checked = $('#myCheckbox').prop('checked');

// 设置属性值
$('#myCheckbox').prop('checked', true);

3. data()

data() メソッドを使用して、要素のカスタム データを取得または設定できます。属性値。これには、プロパティ名というパラメータが 1 つあります。プロパティ名のみが渡された場合はプロパティの値が返され、プロパティ名とプロパティ値の両方が渡された場合はプロパティの値が設定されます。

// 获取属性值
var name = $('#myDiv').data('name');

// 设置属性值
$('#myDiv').data('name', 'John');

4. removeAttr()

removeAttr()このメソッドは、要素の属性を削除するために使用できます。パラメータはプロパティ名という 1 つだけです。

// 移除属性
$('#myImage').removeAttr('title');

5. hasClass()

hasClass() メソッドを使用して、要素が指定されたクラスを持つかどうかを検出できます。 。パラメータはクラス名という 1 つだけです。要素にこのクラスがある場合は true を返し、それ以外の場合は false を返します。

// 检测是否拥有class
if ($('#myDiv').hasClass('active')) {
  // ...
}

概要

上記の jQuery メソッドを使用すると、HTML 要素の属性値を簡単にトラバースして操作できます。

attr() メソッドと prop() メソッドは要素の属性値を取得または設定するために使用され、data() メソッドは要素の属性値を取得または設定するために使用されます。要素の属性値のカスタム データを設定します。 removeAttr() メソッドは、要素の属性を削除するために使用されます。 hasClass() メソッドは、要素に指定された属性があるかどうかを検出するために使用されます。クラス。実際のプロジェクトでは、必要に応じて要素のプロパティをトラバースするための適切な方法を選択できます。

以上がjQueryでプロパティをトラバースする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。