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>

提出するリセットコード

自動運転