masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu

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>
serahkanTetapkan Semula Kod
Bahagian sebelumnya bahagian seterusnya
Senarai Tutorial
dapatkan bantuan
  • Cadangan kursus
  • Muat turun perisian kursus
Perisian kursus tidak tersedia untuk dimuat turun pada masa ini. Kakitangan sedang menganjurkannya. Sila beri perhatian lebih kepada kursus ini pada masa hadapan~

Pelajar yang telah menonton kursus ini juga sedang belajar

Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)  492800 permainan