jQuery_jqueryのhtml()メソッドの使用例

この記事の例では、jQuery での html() メソッドの使用法について説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

このメソッドは、一致する要素の HTML コンテンツを設定および取得でき、元のコンテンツは新しく設定されたコンテンツに置き換えられます。

特別な指示:

HTML コンテンツとは、コンテンツに HTML タグを含めることができ、ブラウザーで表示できることを意味します。
テキスト コンテンツは、HTML タグが表示されないように、まずコンテンツ内の HTML 定義済み文字を HTML 文字エンティティに変換します。
文法構造 1:

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

$(selector).html()

この時点で、メソッドがパラメーターを受け取らない場合は、最初に一致した要素の HTML コンテンツを取得します。

このメソッドはパラメータのない text() メソッドに似ていますが、それでも大きな違いがあります。

1. html() メソッドは最初に一致した要素のコンテンツを取得し、text() メソッドは一致したすべての要素に含まれるコンテンツを取得します。
2. html() メソッドは html コンテンツを取得し、text() メソッドはテキスト コンテンツを取得します。

コード例:

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

<頭>





<スクリプトタイプ="text/javascript"> $(document).ready(function(){
$("ボタン").click(function(){
alert($("div").html()); })
})

• スクリプト ハウスはあなたを歓迎します

クリックして効果を確認してください

上記のコードは div 要素のコンテンツを返します。 文法構造 2:

コードをコピー コードは次のとおりです:$(selector).html(content)

パラメータを使用して、一致するすべての要素の HTML コンテンツを設定します。

このメソッドはパラメータを備えた text() メソッドに似ていますが、それでも大きな違いがあります。
html() メソッドは HTML コンテンツを設定し、text() メソッドはテキスト コンテンツを設定します。
コード例:

次のコードは、div 内の HTML コンテンツを「私はリセット コンテンツです」に設定します。

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

<頭>





<スクリプトタイプ="text/javascript"> $(document).ready(function(){
$("ボタン").click(function(){
$("div").html("リセット後のコンテンツです"); })
})

オリジナルコンテンツ

クリックして効果を確認してください

实例二:

复制代 代码如下:

<頭>





<スクリプトタイプ="text/javascript">
$(document).ready(function(){
  $("ボタン").click(function(){
    $(".html").html("好好学习");
    $(".text").text("好好学习");    
  })
})

点击查看效果

この例を通じて、ユーザーは次の HTML コンテンツとテキスト コンテンツの領域を確認できます。

ここで説明されている大規模な jQuery プログラムの設計が役立つことを望みます。