La balise jQuer...LOGIN

La balise jQuery contient des actions de contenu

La balise

contient les opérations de contenu

Utiliser les opérations javascript :

  • dvnode. innerHTML Récupère les informations contenues dans le div

  • dvnode.innerHTML = XXX ; Définissez le contenu contenu dans le div

Remarque : innerHTML n'est pas une technologie standard du w3c, de nombreux navigateurs la prennent en charge

Utilisez l'opération jquery :

  • $().html() ; // Récupère les informations contenues dans le nœud

  • $().html(information); //Définit le contenu contenu dans le nœud

  • $().text (); //Récupère le contenu des "informations sur la chaîne de texte" contenu dans le nœud

  • $().text(information); contenu dans le nœud (s'il y a une balise html, seul le symbole "><" devient une entité de symbole)

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



La différence entre les méthodes html() et text():

①Obtenir du contenu

La première peut obtenir des balises HTML et du contenu de chaîne ordinaire

Ce dernier n'obtient que le contenu de chaîne ordinaire

② Définir le contenu

Le premier peut définir les balises HTML et le contenu de chaîne ordinaire

Le second ne définit que le contenu de chaîne ordinaire s'il y en a. est le contenu de la balise dans le contenu, placez le symbole "<" ">" est converti en une entité de symbole<-----$lt; ;

Les deux opérations ci-dessus (get /Settings) Si le contenu de l'opération est un pur contenu de chaîne, l'effet sera le même.


section suivante
<!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>
soumettreRéinitialiser le code
chapitredidacticiel