jQueryのtext()メソッドの使い方分析_jquery

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

このメソッドは、一致する要素のテキスト コンテンツを返すか設定します。
詳細については、リファレンス マニュアルの text() メソッドを参照してください。

特別な指示:

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

text() メソッドの使用法:

使用法 1:

このメソッドがパラメータを取らない場合、その機能は一致するすべての要素のテキスト コンテンツを取得することであり、結果は、一致するすべての要素に含まれるテキスト コンテンツを結合したテキストになります。

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

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

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

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

<頭>





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

• html エリア


• DIV CSS ゾーン


• jQuery エリア

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

上記のコードはポップアップし、div 内のすべてのテキスト コンテンツを取得できます。

使用法 2:

パラメータを使用して、一致するすべての要素のテキスト コンテンツを設定します。
このメソッドはパラメータを備えた html() メソッドに似ていますが、それでも大きな違いがあります:
text() メソッドは、一致する要素のテキスト コンテンツを設定し、HTML 内の予約文字 (大なり記号 (>) など) を正しく表示するために HTML 文字エンティティに変換します。一方、html() メソッドは一致する要素を設定します。要素の HTML コンテンツ。

コード例:

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

<頭>





<スクリプトタイプ="text/javascript">
$(document).ready(function(){
$("ボタン").click(function(){
$("div").text("はインライン要素です");
アラート($("div").html())
})
})

オリジナルコンテンツ

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

コード例 3:

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

<頭>





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

点击查看效果

この例を通じて、ユーザーは次の HTML コンテンツとテキスト コンテンツのセクションを表示できます。

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