要素を操作するための jQuery .attr() メソッドと .removeAttr() メソッドの例

今日は主に、jQuery の .attr() メソッドと .removeAttr() メソッドを使用して要素の属性を読み取り、追加、変更、削除する方法を紹介します。日常の Web ページ制作では、要素の属性や属性値を動的に取得したり、要素の特定の (特定の) 属性の属性値を動的に変更したりする方法に誰もが遭遇したことがあります。 jQuery を使用すると、1 つ (または複数) の要素の属性を簡単に読み取り、追加、変更、削除できます。

1 .attr( ): .attr のメソッドを使用できます。 jQuery の () メソッドを使用すると、要素の属性を簡単に読み取り、追加、変更できます (詳細については .attr() を参照);
2 .removeAttr(): jQuery の .removeAttr() メソッドが主に使用されます要素の 1 つ (または複数) の属性を削除します (詳細については、.removeAttr() を参照してください)。

2 つのメソッド .attr() と .removeAttr() の構文形式を簡単に見てみましょう。
.attr() メソッド
.attr() メソッドには 2 つの関数があります。 1 つ目は要素の属性値を読み取ること、2 つ目は要素の属性値を変更することです

属性を読み取るための構文
.attr(attributeName);//attributeName は属性名です取得する必要がある要素の
上記は文字列「string」を返します。各要素の属性値が必要な場合、.attr() メソッドは最初に一致した要素の属性値のみを取得することに注意してください。個々の要素を実装するには、 each() または .map() メソッドを使用する必要があります。

要素の属性値を設定するための構文
.attr(attributeName, value);//attributeName は要素に設定する必要がある属性名、value は対応する要素ですvalue
上記で返されるものは、主に指定された要素の 1 つ以上のプロパティを設定するために使用されるオブジェクトです。

.removeAttr() メソッド
.removeAttr(attributeName);//attributeName は削除する属性名です

.removeAttr() メソッドはネイティブ JavaScript で RemoveAttribute() を使用します )関数ですが、その利点は、jQuery オブジェクトから直接アクセスして呼び出すことができることです。
上記では、.attr() メソッドと .removeAttr() メソッドの構文について簡単に学びました。まず、簡単な HTML デモを見てみましょう。

このメソッド。
html:

コードをコピー コードは次のとおりです:

>

js:

コードをコピー コードは次のとおりです:

$("document") .ready(function(){
$(".img").hover(function(){
$(this).attr({
"src":"images/b.jpg",
"alt":"ページを変更する"
})
},function(){
$(this).attr({
"src":"images/a.jpg " ,
"alt":"ヘッダー"
});
});
});