jQuery タグにはコンテンツアクションが含まれています

タグにはコンテンツ操作が含まれています

JavaScript操作を使用します:

dvnode.innerHTML divに含まれる情報を取得します
dvnode.innerHTML = XXX;

注: innerHTML は w3c 標準テクノロジーではなく、多くのブラウザーのみがサポートしています

jquery 操作を使用します:

$().html() // ノードに含まれる情報を取得します
$() .html(information); //ノードに含まれるコンテンツを設定します

<!DOCTYPE html>
<html>
    <head>
        <title>php.cn</title>
        <meta charset="utf-8" />
        <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
        <script>
           function f1(){
            alert($('div').html());
            alert($('div').text());
            }
            function f2(){

                $('div').text("这里是php中文网");
            } 
        </script>
    </head>
    <body>
        <div>欢迎 <p>大家 <span>学习jQuery</span></p></div>

        <input type="button" value="获取" onclick="f1()" />
        <input type="button" value="设置" onclick="f2()" /> 
    </body>
</html>

html() メソッドと text() メソッドの違い:

①コンテンツを取得します

前者は HTML タグと通常の文字列コンテンツを取得できます

後者は通常の文字列コンテンツのみを取得します

②コンテンツを設定します

前者は設定できますHTML タグと通常の文字列コンテンツ

後者は通常の文字列コンテンツのみを設定します。コンテンツにタグタグコンテンツがある場合、「<」「>」シンボルをシンボルエンティティに変換します。 ;----> Space-- ----

操作内容が純粋な文字列コンテンツの場合、上記の 2 つの操作 (取得/設定) は同じ効果があります。

次のセクション

新しいファイル

<!DOCTYPE html>
<html>
 <head>
 <title>php.cn</title>
 <meta charset="utf-8" />
 <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
 <script>
 function f1(){
 alert($('div').html());
 alert($('div').text());
 }
 function f2(){

 $('div').text("这里是php中文网");
 } 
 </script>
 </head>
 <body>
 <div>欢迎 <p>大家 <span>学习jQuery</span></p></div>

 <input type="button" value="获取" onclick="f1()" />
 <input type="button" value="设置" onclick="f2()" /> 
 </body>
</html>

提出するリセットコード

自動運転

jQuery タグにはコンテンツ アクションが含まれています

jQuery タグにはコンテンツアクションが含まれています