ホームページ > 記事 > ウェブフロントエンド > jquery はカスタム属性 (attr と prop) の実装コードを取得します_jquery
jquery はカスタム属性 (attr と prop) の実装コードを取得します_jquery
- WBOYオリジナル
- 2016-05-16 17:52:151044ブラウズ
1. attr (属性名) //属性の値を取得します（最初に一致した要素の属性値を取得します。このメソッドは、最初に一致した要素から簡単に属性の値を取得できます。要素に対応する属性がない場合は、
2. attr(属性名, 属性値) //属性の値を設定します (一致するすべての要素に属性値を設定します)
3. (属性名, 関数値) //属性の関数値を設定します (一致するすべての要素に対して計算された属性値を設定します。値を提供する代わりに関数が提供され、この関数によって計算された値が属性として使用されます) value.)
4.attr(properties) //指定された要素に複数の属性値を設定します。つまり、{属性名 1: "属性値 1"、属性名 2: "属性値 2" , ... }。 (これは、一致するすべての要素にわたって多くの属性をバッチで設定する最良の方法です。オブジェクトのクラス属性を設定する場合は、属性名として「className」を使用する必要があることに注意してください。または、「class」を直接使用することもできます。または ' id' )
サンプル コード:
コードをコピーします コードは次のとおりです。 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
あなたの好きな果物は何ですか?
コードをコピー
コードは次のとおりです:
<script> <br>$("ul li:eq(1)").attr({title:"オレンジ ジュースは飲まないでください",alt:"123 ではありません"}); 🎜>alert($("ul li:eq(1)").attr("title")); <br>alert($("ul li:eq(1)").attr("alt")) ; <br></script>
4.2 - の 2 番目の設定クラスを取得します。
- の設定 ID を取得します。
<script></strong>$("ul li:eq(1)").attr({id:"lili"});<br></script>
結果:
4.4- の 2 番目の
- 設定スタイルを取得します。
<script></strong>$("ul li:eq(1)").attr({style:"color:red"});<br></script>
結果:
li に alt を追加するのは間違いです。img、area、input 要素 (アプレット要素を含む) でのみ使用できます。 input 要素の場合、alt 属性は送信ボタンの画像を置き換えることを目的としています。ここでは attr() メソッドを詳しく説明するために適切な属性がないため、attr() メソッドの使用方法の学習と参照のみを目的として alt を使用します。
alt と tite の違いは次のとおりです。
alt: 画像を表示できない場合、画像の代わりにこれらのテキストが表示されます。画像上にマウスを移動するとテキストも表示されます。
タイトル: マウスを置いた後に表示されるテキストです。
では、属性を削除するにはどうすればよいでしょうか?
jquery で属性を削除するキーワードは、A が大文字であることに注意してください:
最初の使用法 HTML コードでは、li の title 属性を削除したいので、次のようになります:コードをコピー コードは次のとおりです。
- 設定スタイルを取得します。
コードをコピー コードは次のとおりです。
<script> "ul li :eq(1)").attr({className:"lili"}); <br></script>
結果:
結果:
4.3 - の 2 番目の