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

WBOY
リリース: 2016-05-16 17:28:40
オリジナル
1421 人が閲覧しました

今日は主に、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:

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

header

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

$("document") .ready(function(){
$(".img").hover(function(){
$(this).attr({
"src":"images/b.jpg",
"alt":"ページを変更する"
})
},function(){
$(this).attr({
"src":"images/a.jpg " ,
"alt":"ヘッダー"
});
});
});
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート