jQuery->HTMLまたはTEXTコンテンツの取得/設定


jQueryは、2つのAPIを提供し、要素に直接コンテンツを追加することができます.
  • html()
  • text()

  • html()は、指定された要素にhtmlコンテンツを追加します.text()は、指定された要素にテキストコンテンツを追加します.
    両者の違いはtextの内容が純テキストでhtmlに解析されないことです
    次のhtmlコードを操作する場合は
    <body>
    <p></p>
    </body>

    使用html()
    $('p').html('<strong>Hello World</strong>, I am a <em>&lt;p&gt;</em> element.');
    ページの効果は
    Hello World, I am a

    element.
    使用する場合text()

    $('p').text('<strong>Hello World</strong>, I am a <em>&lt;p&gt;</em> element.');

    ページ効果は
    Hello World, I am a <p> element.