jquery はカスタム属性 (attr と prop) の実装コードを取得します_jquery

1. attr (属性名) //属性の値を取得します（最初に一致した要素の属性値を取得します。このメソッドは、最初に一致した要素から簡単に属性の値を取得できます。要素に対応する属性がない場合は、

2. attr(属性名, 属性値) //属性の値を設定します (一致するすべての要素に属性値を設定します)

3. (属性名, 関数値) //属性の関数値を設定します (一致するすべての要素に対して計算された属性値を設定します。値を提供する代わりに関数が提供され、この関数によって計算された値が属性として使用されます) value.)

4.attr(properties) //指定された要素に複数の属性値を設定します。つまり、{属性名 1: "属性値 1"、属性名 2: "属性値 2" , ... }。 (これは、一致するすべての要素にわたって多くの属性をバッチで設定する最良の方法です。オブジェクトのクラス属性を設定する場合は、属性名として「className」を使用する必要があることに注意してください。または、「class」を直接使用することもできます。または ' id' )

サンプル コード:

コードをコピー


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

<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 番目の設定クラスを取得します。


コードをコピー コードは次のとおりです。
<script> "ul li :eq(1)").attr({className:"lili"}); <br></script>


結果:


4.3
の 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 属性を削除したいので、次のようになります:
    
    
    
    コードをコピー コードは次のとおりです。
    著者別の最新記事

    • NullPointerException とは何ですか?どのように修正すればよいですか?
      2024-10-22 09:46:29
    • 初心者からプログラマーへ: 旅は C の基礎から始まります
      2024-10-13 13:53:41
    • PHP による Web 開発のロックを解除する: 初心者ガイド
      2024-10-12 12:15:51
    • C の謎を解く: 新人プログラマーのための明確でシンプルな道
      2024-10-11 22:47:31
    • コーディングの可能性を解き放つ: まったくの初心者のための C プログラミング
      2024-10-11 19:36:51
    • 内なるプログラマーを解き放つ: まったくの初心者のための C
      2024-10-11 15:50:41
    • C で生活を自動化する: 初心者向けのスクリプトとツール
      2024-10-11 15:07:41
    • PHP を簡単に: Web 開発の最初のステップ
      2024-10-11 14:21:21
    • Python で何でも構築: 創造性を解き放つための初心者ガイド
      2024-10-11 12:59:11
    • コーディングの鍵: 初心者のための Python の力を解き放つ
      2024-10-11 12:17:31
    最新の問題

    function_exists() はカスタム関数を決定できません Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です";

    から 2024-04-29 11:01:01

    0

    2

    1429

    3 レベル階層のカスタム分類を使用して woocommerce 関連製品を選択します 「スポーツ」というカスタム分類を持つ woocommerce ストアがあります。分類には、親、子、子という 3 つのレベルがあります。たとえば、屋内スポーツ > アリーナ ス...

    から 2024-04-06 20:05:30

    0

    1

    544

    CollapseDisplay クラスを使用してブートストラップ アコーディオン ヘッダーの外観をカスタマイズする class Collapseshow を使用してパネルのカード タイトルのスタイルを設定したいと考えています。この例では、最初のパネルです。 CSS を使用して .accordio...

    から 2024-04-06 12:53:11

    0

    1

    376

    PHPUnit は、オブジェクトを含む 2 つの配列を厳密に比較するために、assert equals を使用できますか? オブジェクトの配列が 2 つあります。これら 2 つの配列が等しいかどうかをテストしたいのですが、'false'!==0 などの厳密な比較を使用します。カスタムコンパレータや他のメ...

    から 2024-04-05 13:35:37

    0

    1

    1382

    createTheme を使用して、MaterialCSS でカスタム H1、H2、H3 スタイルを定義する方法 NextJS と MaterialCSS を使用するアプリがあり、次のテーマを作成しました: import{createTheme}from'@mui/material/style...

    から 2024-04-05 12:38:32

    0

    1

    1363
    関連トピック

    詳細>

    • win7システムが起動できない問題の解決策
    • Oracle カーソルの使用法
    • 清算とはどういう意味ですか？
    • GAMMAINV関数の使用法
    • データ収集テクノロジーとは何ですか?
    • オフィスソフトとは何ですか
    • プリンターで印刷できないのはなぜですか?
    • ハドゥープとは何ですか