Tag jQuery mengandungi tindakan kandungan

Teg

mengandungi operasi kandungan

Gunakan operasi javascript:

  • dvnod. innerHTML Dapatkan maklumat yang terkandung dalam div

  • dvnode.innerHTML = XXX; innerHTML bukan teknologi standard w3c , banyak penyemak imbas menyokongnya

Gunakan operasi jquery:

$().html() ; // Dapatkan maklumat yang terkandung dalam nod

  • $().html(maklumat); //Tetapkan kandungan yang terkandung dalam nod

  • $().teks (); //Dapatkan kandungan "maklumat rentetan teks" yang terkandung dalam nod

  • $().teks(maklumat); terkandung dalam nod (jika terdapat teg html, hanya simbol "><" menjadi entiti simbol)

  • <!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>

Perbezaan antara kaedah html() dan text() :


① Dapatkan kandunganYang pertama boleh mendapatkan teg html dan kandungan rentetan biasa

Yang terakhir hanya mendapat kandungan rentetan biasa

② Tetapkan kandungan

Yang pertama boleh menetapkan tag html dan kandungan rentetan biasa

Yang terakhir hanya menetapkan kandungan rentetan biasa ialah teg kandungan dalam kandungan, letakkan "< ;" simbol ditukar menjadi entiti simbol >-----   ;

Dua operasi di atas (dapatkan /Tetapan) Jika kandungan operasi adalah kandungan rentetan tulen, kesannya adalah sama.

Meneruskan pembelajaran
||
<!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>
  • Cadangan kursus
  • Muat turun perisian kursus
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!